将网络应用程序转换为可安装的离线 PWA

我们已经有一个可工作的网络应用程序，希望它像一个完整的移动应用程序一样运行，但不想从头开始重写一切。任务是将当前的前端转换为渐进式网络应用程序，以便来自智能手机和平板电脑的访问者可以将其安装到主屏幕上，在没有浏览器地址栏的情况下在单独的窗口中启动，并在离线时继续使用关键屏幕。后端和业务逻辑保持不变；工作集中在客户端及其周围的离线访问层。

特别需要一个服务工作者来缓存应用程序外壳和关键资源，以及一个合理的 API 响应缓存策略，以便先前加载的数据在离线时仍然可用，并在网络恢复时同步回来。一个正确的网络应用程序清单，带有图标、主题颜色和适当的启动 URL 应该使应用程序可以在 Android 和 iOS 上安装，我希望安装提示处理得当，而不是任其自生自灭。此外，您需要完全配置推送通知：请求权限、存储订阅和发送测试推送的简单方法。

性能和可靠性是结果的一部分：应用程序应该通过可安装性审核，正确降级为离线存根页面，并且不会破坏桌面用户的现有行为。

— 带有外壳和资源缓存的服务工作者
— 离线存根页面和 API 读取缓存
— 网络应用程序清单、图标和安装处理
— 推送通知：权限、订阅、测试发送
— 通过可安装性审核/Lighthouse PWA
— 部署和缓存版本控制的文档