Flutter Web部署Firebase：如何传递非敏感环境变量？

针对你的场景，有几种实用的方式来传递非敏感环境变量：

方法一：构建时注入环境变量（推荐） #

Flutter Web的环境变量是在构建阶段注入静态资源中的，你可以在构建生产版本时通过--dart-define参数传递变量，再部署构建后的产物：

1. 执行生产构建命令，带上需要的环境变量：

   flutter build web --dart-define=envFileName=prod.env
   

   这里的prod.env替换为你生产环境对应的配置文件名即可。
2. 构建完成后，直接运行firebase deploy命令，Firebase会部署build/web目录下的静态文件，其中已经包含了注入的环境变量。

方法二：配合.env文件与构建脚本 #

如果你习惯用.env文件管理配置，可以通过构建脚本自动切换配置文件后再构建：

• 在项目根目录准备好不同环境的配置文件，比如local.env、prod.env
• 编写简单脚本（比如build-prod.sh），先将生产环境配置文件复制到指定路径（比如web/.env，适配flutter_dotenv的读取路径）：

  cp prod.env web/.env
  flutter build web
  firebase deploy
  

• 运行脚本即可完成构建与部署，构建后的Web应用会自动读取生产环境的配置。

方法三：利用Firebase项目配置（适配Firebase相关变量） #

如果你的环境变量和Firebase服务相关（比如API密钥、项目ID等），可以直接在firebase.json中配置，或通过Firebase CLI设置项目级变量，但对于自定义业务类非敏感变量，前两种方法更直接。

内容的提问来源于stack exchange，提问作者Aseem