如何使用 google 应用脚本开发渐进式网络应用
How to develop Progressive web app with google app script
我用 google 应用程序脚本开发了一些应用程序并将它们部署为 Web 应用程序,它们都在工作 fine.Then 我决定将它们转换为 PWA's.The 原因是它们可安装在智能 phone 用户的主屏幕上,能够使用推送通知、缓存 e.t.c。 (简而言之,PWA 提供的所有优势。)
我开始学习 PWA。结果我得出结论,我需要一个浏览器下载的 maifest.json 文件,一个浏览器再次下载的服务 worker.js 和 运行.
很遗憾,应用程序脚本开发环境不允许添加扩展名为 *.json 和 *.js 的文件。
那么,这是否意味着我无法将我的 google 应用脚本网络应用程序转换为 PWA?
谢谢。
正确
您的 PWA 需要能够注册要安装的 Service Worker
一旦你有了类似的东西,使用 Lighthouse Audit 工具来测试你的 PWA
这在 Chrome 开发工具中可用或作为 Chrome 扩展
在 PWA 结果下你应该看到
---- "User can be prompted to Install the Web App"
如果您想尝试使用审计工具的工作示例,我这里有一个
https://a2hs.glitch.me/
这是一个测试 PWA
我拦截了 Chrome & Edge A2HS 提示
并显示一个按钮供用户安装 if/when 他们喜欢
理论上的解决方案是将文件内联,就像清单中的这样(取自 )
<link rel="manifest" href='data:application/manifest+json,{ "name": "theName", "short_name": "shortName", "description": "theDescription"}' />
对于服务人员,直接包含标签;但服务人员必须在本质上独立于页面 ()。
因此我们可以尝试通过 doGet(e) 为他们提供服务。但是不幸的是目前不可能,因为你需要从外部获取服务工作者,但是外部获取已经从服务工作者中移除 see this other reply for more details
我用 google 应用程序脚本开发了一些应用程序并将它们部署为 Web 应用程序,它们都在工作 fine.Then 我决定将它们转换为 PWA's.The 原因是它们可安装在智能 phone 用户的主屏幕上,能够使用推送通知、缓存 e.t.c。 (简而言之,PWA 提供的所有优势。)
我开始学习 PWA。结果我得出结论,我需要一个浏览器下载的 maifest.json 文件,一个浏览器再次下载的服务 worker.js 和 运行.
很遗憾,应用程序脚本开发环境不允许添加扩展名为 *.json 和 *.js 的文件。
那么,这是否意味着我无法将我的 google 应用脚本网络应用程序转换为 PWA?
谢谢。
正确
您的 PWA 需要能够注册要安装的 Service Worker
一旦你有了类似的东西,使用 Lighthouse Audit 工具来测试你的 PWA
这在 Chrome 开发工具中可用或作为 Chrome 扩展
在 PWA 结果下你应该看到
---- "User can be prompted to Install the Web App"
如果您想尝试使用审计工具的工作示例,我这里有一个
https://a2hs.glitch.me/
这是一个测试 PWA
我拦截了 Chrome & Edge A2HS 提示
并显示一个按钮供用户安装 if/when 他们喜欢
理论上的解决方案是将文件内联,就像清单中的这样(取自
<link rel="manifest" href='data:application/manifest+json,{ "name": "theName", "short_name": "shortName", "description": "theDescription"}' />
对于服务人员,直接包含标签;但服务人员必须在本质上独立于页面 (
因此我们可以尝试通过 doGet(e) 为他们提供服务。但是不幸的是目前不可能,因为你需要从外部获取服务工作者,但是外部获取已经从服务工作者中移除 see this other reply for more details