Flutter
flutter 构建项目多环境变量
00 min
2023-11-27
2023-11-27
type
status
date
slug
summary
tags
category
icon
password
在我们的前端项目中经常会遇到一个场景，就是一个项目有多个环境，例如开发环境、灰度测试环境、生产环境等等。通常这些环境请求的 URL 或者数据加密的密钥等都不相同，所以我们需要使用环境变量来处理不同环境中的不同配置。
下面正式开始：

第一步：创建配置

  1. 在项目根目录创建.env文件夹
  1. 在.gitignore中添加.env/配置
  1. 在.env文件夹中添加环境文件，如dev.json、staging.json、prod.json、testing.json或其他环境文件
 
notion image

第二步：修改运行配置

命令行运行

在VSCODE中运行

修改或者创建.vscode/文件夹下的文件launch.json
为每个环境创建配置，并在 toolArgs 字段中添加选项 --dart-define-from-file=.env/dev.json

在Android Studio运行

  1. 在Android Studio中打开项目然后点击右上角的Edit Configurations 如图1.1
  1. 然后复制main.dart的Dart entrypoint 地址，然后点击左上角+号，新建一个配置
      2. 如图1.2
  1. 粘贴Dart entrypoint到新的环境变量，然后在Additional run args字段中添加 --dart-define-from-file=.env/dev.json，如图1.3
重复2、3步就可以创建多个环境变量
 
图1.1
notion image
 
图1.2
notion image
 
图1.3
notion image

使用环境变量

如果要在项目用读取环境变量，可以用String.fromEnvironment('baseUrl')
为了方便我们也可以创建一个静态类供其他文件读取，让我们在lib目录下创建文件env.dart
如此设置后，我们就能在其他文件调用
首先在文件顶部引入
效果图如下
notion image

📎 感谢下面文章

 
💡
欢迎您在底部评论区留言，一起交流~
上一篇
flutter实现隐私屏幕
下一篇
Solana账号模型
Comments