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