uniapp手机桌面

如何将UniApp应用添加到手机桌面

Android系统
通过浏览器打开UniApp生成的H5页面，点击浏览器菜单中的“添加到主屏幕”选项。部分浏览器可能需手动开启PWA支持，或通过第三方工具（如PWA Builder）生成桌面快捷方式。

iOS系统
使用Safari浏览器访问H5页面，点击底部“分享”按钮，选择“添加到主屏幕”。需确保Web应用已配置正确的manifest.json文件，包含"display": "standalone"等PWA参数。

生成PWA配置（适用于H5）

在UniApp项目的manifest.json中添加以下配置以支持桌面安装：

{
  "name": "应用名称",
  "short_name": "短名称",
  "start_url": "/",
  "display": "standalone",
  "background_color": "#FFFFFF",
  "theme_color": "#000000",
  "icons": [
    {
      "src": "static/icon-192x192.png",
      "sizes": "192x192",
      "type": "image/png"
    },
    {
      "src": "static/icon-512x512.png",
      "sizes": "512x512",
      "type": "image/png"
    }
  ]
}

原生应用打包方案

使用UniCloud或本地打包工具生成APK/IPA文件：

• Android: 通过HBuilderX生成签名APK，或使用应用市场发布。
• iOS: 需苹果开发者账号，使用Xcode编译打包后通过TestFlight或App Store分发。

注意事项

• PWA功能需服务器支持HTTPS协议。
• 原生打包需配置应用图标和启动页，路径为/static目录。
• iOS对PWA的限制较多，建议优先考虑原生打包方案。