uniapp 怎么接入pwa

UniApp是一个基于Vue.js的跨平台开发框架，它允许开发者编写一套代码构建同时适用于Web、iOS、Android等多端的应用。要让UniApp应用支持 Progressive Web App (PWA) 功能，你可以按照以下步骤操作：

1. **启用PWA功能**：在uni-app项目配置文件`config/index.js`中添加PWA相关的配置项，例如：

   export default {
     // 其他配置...
     pwa: {
       enable: true, // 是否开启PWA模式
       serviceWorker: { // SW相关配置
         enable: true,
         scope: path.resolve(__dirname, '../') + '/', // 定义Service Worker的作用域
       },
     },
   };

2. **安装相关插件**：如果你使用的是基于vue-cli的版本，可以安装`uni-pwa`插件来辅助生成manifest.json和处理其他PWA相关细节。运行命令：

   npm install uni-pwa -D

3. **创建manifest.json**：在`uni-app`项目的根目录下手动创建`manifest.json`文件，并填写基本的PWA元数据，如标题、图标、启动URL等。

4. **设置离线策略**：通过修改页面或全局的`<meta>`标签，添加`manifest`属性，告诉浏览器如何缓存资源。比如：

   <meta name="apple-mobile-web-app-capable" content="yes">
   <link rel="manifest" href="manifest.json">

5. **优化用户体验**：考虑使用预加载、懒加载策略提高页面速度，确保页面在离线状态下仍可用。

6. **测试验证**：使用PWA测试工具如Lighthouse、Manifest Linter等检查并优化你的应用，确保满足PWA标准。