使用 Vite 的 Quasar CLI - @quasar/app-vite
渐进式 Web 应用 (PWA) 是一种使用现代 Web 功能为用户提供类似应用程序体验的 Web 应用。这些应用满足某些要求(见下文),部署到 Web 服务器并通过 URL(在 HTTPS 协议上)访问。
这可以与 Cordova 协同工作,为所有用户提供多个部署目标。Quasar CLI 允许您将您的应用部署为 PWA 以及移动应用,并利用这两个渠道的优势。
需要什么
要被视为渐进式 Web 应用,您的应用必须是
- 渐进式 - 对每个用户都有效,无论浏览器选择如何,因为它们是使用渐进式增强作为核心原则构建的。
- 响应式 - 适合任何外形尺寸,台式机、移动设备、平板电脑或其他任何未来形式。
- 连接无关 - 使用 Service Worker 增强,可以在脱机或低质量网络上工作。
- 类似应用程序 - 使用应用程序外壳模型来提供应用程序样式的导航和交互。
- 新鲜 - 由于 Service Worker 更新过程,始终保持最新。
- 安全 - 通过 HTTPS 提供,以防止窥探并确保内容未被篡改。
- 可发现性 - 由于 W3C 清单和服务工作者注册范围,可被识别为“应用程序”,从而允许搜索引擎找到它们。
- 可重新参与 - 通过推送通知等功能轻松重新参与。
- 可安装 - 允许用户将他们认为最有用的应用程序“保留”在他们的主屏幕上,无需应用程序商店的麻烦。
- 可链接 - 通过 URL 轻松共享,无需复杂的安装。
更多信息请访问 Addy Osmani 的 关于 PWA 的文章.
清单文件
应用程序清单文件描述了应用程序所需的资源。 这包括应用程序的显示名称、图标以及启动画面。 您将在 /src-pwa/manifest.json
中看到它。 更多信息:清单文件.
服务工作者
服务工作者提供了一种以编程方式缓存应用程序资源(文件)的方法。 编程 API 允许开发人员决定如何处理缓存,并提供比其他选项更灵活的体验。
更多信息:服务工作者 API.