什么是PWA
渐进式Web应用程序(PWA)是一种使用现代Web功能为用户提供应用程序体验的Web应用程序。这些应用程序符合某些要求(见下文),已部署到Web服务器并可通过URL(使用HTTPS协议)访问。
这可以与Cordova一起为所有用户提供多个部署目标。 Quasar CLI允许您将您的应用程序部署为PWA以及移动应用程序,并利用这两种渠道。
要求
要被视为渐进式Web应用程序(PWA),您的应用必须是:
- 渐进式 - 无论选择什么浏览器,都为每位用户服务,因为它们是以渐进式增强为核心宗旨而构建的。
- 响应式 - 适合任何形状,桌面,手机,平板电脑等等。
- 独立连接 - 通过service workers增强,可在离线或低质量网络使用。
- 如同APP - 使用app-shell模型提供APP风格的导航和交互。
- 保持最新 - 通过service worker更新进程始终保持最新状态。
- 安全 - 通过HTTPS防止窥探,并确保内容没有被篡改。
- 可发现 - 通过W3C manifests和ervice worker注册范围允许搜索引擎找到它们,因此可识别为“应用程序”。
- 重新参与 - 通过推送通知等功能轻松实现用户重新参与。
- 可安装 - 允许用户在他们的主屏幕上“保留”他们认为最有用的应用程序,而无需应用程序商店的麻烦。
- 可链接 - 通过URL轻松共享,不需要复杂的安装。
更多信息参考Addy Osmani的关于PWA的文章。
Manifest文件
应用Manifest文件描述了您的应用将需要的资源。这包括您应用的显示名称,图标以及启动画面。 Quasar CLI为你配置这个,但你可以覆盖/quasar.conf.js
中的任何属性。通过访问配置PWA文档页面了解如何操作。
有关Manifest文件的更多信息可以通过访问:
https://developer.mozilla.org/en-US/docs/Web/Manifest
Service Worker
Service Worker提供一种编程方式来缓存应用资源, 即HTTPS请求的JavaScript文件或JSON数据。编程API允许开发人员决定如何处理缓存,并提供比其他选项更灵活的体验。
有关Service Worker API的更多信息可以通过访问:
https://developer.mozilla.org/en-US/docs/Web/API/Service_Worker_API