React Native - 基于 env 管理 app.json

Question

我正在开发一个 React Native 应用程序。所以我找到了一个使用react-native-dotenv 拥有多个环境的好方法。现在我想将 Facebook 登录添加到我的应用程序中。有configuration that is needed，必须在app.json中设置。

我想为我的开发和产品使用不同的 Facebook 应用。如何根据我的.env 文件更改 app.json 中的字段，或者有更好的方法来管理它？

Answer 1

假设你的package.json 有这个

{
  "scripts": {
    "start:prod": "APP_ENV=prod npx react-native start",
  }
}

你添加一个prestart:prod，它会在start:prod之前自动运行，在你的prestart:prod修改你的app.json，你可以写一个js文件（我们命名为prestart.js）来读取@987654328 @解析为json，修改字段，然后将字符串化的json写入app.json

{
  "scripts": {
    "start:prod": "APP_ENV=prod npx react-native start",
    "prestart:prod": "node scripts/prestart.js",
  }
}