Quasar CLI with Vite - @quasar/app-vite
什么是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文件

应用程序清单文件描述了你的应用程序将需要的资源。这包括你的应用程序的显示名称,图标,以及闪屏。你会看到它是/src-pwa/manifest.json

更多信息: Manifest文件.

Service Worker

Service Worker提供一种编程方式来缓存应用资源(文件))。编程API允许开发人员决定如何处理缓存,并提供比其他选项更灵活的体验。

更多信息: Service Worker API.