uniapp如何动态修改manifest文件

在uniapp开发中，如何动态修改manifest.json文件？比如根据不同环境动态配置appid、版本号或权限等字段。项目需要区分测试和生产环境，但manifest.json是静态配置，每次打包都要手动修改很麻烦。有没有办法通过脚本或插件实现自动化修改？求具体实现方案或推荐工具。

2 回复

uniapp中manifest.json无法在运行时动态修改，但可通过条件编译实现不同环境的配置。例如在manifest.json中使用条件编译区分不同平台或环境，或通过vue.config.js在构建时动态生成manifest配置。


在 UniApp 中，无法直接动态修改 manifest.json 文件，因为该文件在编译时被读取并生成原生应用配置，运行时不可更改。但可以通过以下方法实现类似动态配置的效果：

1. 条件编译

在 manifest.json 中使用条件编译，根据不同平台或环境设置静态配置：

{
  "appid": "your-appid",
  // 条件编译示例（H5 和 APP 不同配置）
  "#ifdef H5": {
    "title": "H5 应用"
  },
  "#ifdef APP-PLUS": {
    "title": "APP 应用"
  }
}

2. 动态修改页面标题或样式

通过 uni.setNavigationBarTitle 等 API 动态修改页面级配置：

// 修改页面标题
uni.setNavigationBarTitle({
  title: '动态标题'
});

3. 环境变量与全局配置

  • 使用 process.env.NODE_ENV 区分开发/生产环境。
  • 通过 vuex 或全局变量管理动态配置，例如：
    // 在 main.js 中设置全局配置
Vue.prototype.$config = {
  baseURL: process.env.NODE_ENV === 'development' 
    ? '开发环境地址' 
    : '生产环境地址'
};

4. 原生插件（APP 端）

若需修改原生层配置（如权限），需通过原生插件实现，但复杂度较高。

注意事项：

  • 编译时决定：manifest.json 的修改需重新编译生效。
  • 动态限制：路由、分包等核心配置不可动态调整。

根据需求选择合适方案，通常通过 API 或全局变量实现动态功能即可。

回到顶部