You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

React Native中如何从JS或JSON文件导入Google Maps密钥至build.gradle

React Native能否从JS/JSON文件导入Google Maps密钥供build.gradle使用

是可以的,但build.gradle本身不支持直接解析JS/JSON格式的配置,需要通过额外的配置步骤实现,以下是两种常用的落地方案:

方案1:Gradle原生读取JSON配置

  • 第一步:在项目根目录新建存储密钥的JSON文件,比如google-maps-config.json,内容示例:
{
  "GOOGLE_MAPS_KEY": "你的实际Google Maps密钥"
}
  • 第二步:在android/app/build.gradle文件顶部添加读取JSON的逻辑:
// 读取JSON配置文件
def configFile = file('../../google-maps-config.json')
def config = new groovy.json.JsonSlurper().parseText(configFile.text)
  • 第三步:在android.defaultConfig块中配置manifestPlaceholders:
android {
  defaultConfig {
    // 其他原有配置...
    manifestPlaceholders = [GOOGLE_MAPS_KEY: config.GOOGLE_MAPS_KEY]
  }
}

方案2:使用React Native环境变量管理工具

如果你项目中接入了环境变量管理工具,只要提前在gradle中完成工具的配置引入,就可以直接使用你提到的写法:

manifestPlaceholders = [GOOGLE_MAPS_KEY: "$config.js.GOOGLE_MAPS_KEY"]

配置完成后打包时会自动从你指定的JS/JSON配置文件中读取对应的密钥值注入到AndroidManifest中。

注意事项

  • 存储密钥的JS/JSON文件务必加入.gitignore,避免密钥泄露到公共代码仓库
  • 多环境场景下可以创建多份配置文件,打包时根据构建类型自动读取对应环境的密钥配置

内容的提问来源于stack exchange,提问作者TrevPennington

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.10.11 17:51:04