【问题标题】:How to develop Progressive web app with google app script如何使用谷歌应用脚​​本开发渐进式网络应用
【发布时间】:2018-07-21 18:16:20
【问题描述】:

我用谷歌应用脚​​本开发了一些应用程序并将它们部署为 Web 应用程序,它们都运行良好。然后我决定将它们转换为 PWA。原因是让它们可以安装在智能手机用户的主屏幕上,能够使用推送通知、缓存等(简而言之,PWA 提供的所有优势。)

我开始学习 PWA。结果我得出一个结论,我需要一个浏览器下载的 maifest.json 文件,一个再次浏览器下载并运行的 service-worker.js。

很遗憾,应用脚本开发环境不允许添加带有 *.json 和 *.js 扩展名的文件。

那么,这是否意味着我无法将我的谷歌应用脚​​本网络应用转换为 PWA?

谢谢。

【问题讨论】:

    标签: google-apps-script pwa


    【解决方案1】:

    理论上的解决方案是包含内联文件,就像清单中这样(取自this answer

    <link rel="manifest" href='data:application/manifest+json,{ "name": "theName", "short_name": "shortName", "description": "theDescription"}' />
    

    对于服务人员来说,直接包含标签;但服务人员必须天生独立于页面 (see here)。

    所以我们可以尝试通过 doGet(e) 为他们服务。但是不幸的是,目前不可能,因为您需要从外部获取服务工作人员,但外部获取已从服务工作人员中删除see this other reply for more details

    【讨论】:

      【解决方案2】:

      正确
      您的 PWA 需要能够注册要安装的 Service Worker

      一旦你有了类似的东西,使用 Lighthouse 审计工具来测试你的 PWA
      这可在 Chrome 开发工具中或作为 Chrome 扩展程序使用
      在 PWA 结果下,您应该会看到
      ----“可以提示用户安装Web App”

      如果您想尝试使用审计工具的工作示例,我这里有一个
      https://a2hs.glitch.me/

      这是一个测试 PWA
      我拦截了 Chrome & Edge A2HS 提示
      并在用户喜欢时显示一个按钮以供用户安装

      【讨论】:

      • 实际上,我需要一些关于如何将 google 应用的脚本 WEB 应用转换为 PWA 的更清晰的信息。
      • 由于谷歌搜索“谷歌应用脚​​本”“PWA”只在这里返回你的问题,我猜没有人做过。所以这可能是不可能的。 (这是我的猜测)您可能最好从更传统的工具开始构建网站。至少你可以找到更多可以提供帮助的人。
      猜你喜欢
      • 2018-12-12
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多