flutter-項目多環(huán)境配置以及打包

背景:主要是為了研究iOS打不同渠道的包,但是涉及到不同環(huán)境配置,先走下多環(huán)境配置的流程

1.新建一個空項目:

image.png

2.新建launch.json 文件

image.png

3.修改配置文件,增加環(huán)境變量:

image.png
APP_ENV:

定義了一個叫” APP_ENV“的環(huán)境變量,可以通過代碼獲取” APP_ENV“的值,根據(jù)值去配置對應(yīng)環(huán)境的url等。

對應(yīng)的值為dev、test、uat、prod分別對應(yīng)開發(fā)、測試、uat、生產(chǎn)環(huán)境。如有需要,可自定義其他的環(huán)境。

flutterMode:
  1. debug 模式
    用途:默認的調(diào)試模式,用于開發(fā)階段。
    特點:
    啟用完整的調(diào)試功能(如熱重載、斷點調(diào)試、Dart DevTools 等)。
    代碼未優(yōu)化,包含斷言和調(diào)試信息,方便快速定位問題。
    性能較低,但適合快速迭代開發(fā)。
  2. profile 模式
    用途:性能分析模式,用于優(yōu)化應(yīng)用性能。
    特點:
    保留部分調(diào)試功能,但移除了開發(fā)階段的調(diào)試工具(如熱重載)。
    代碼部分優(yōu)化,支持性能分析工具(如 Observatory、Flutter Performance 面板)。
    性能接近 Release 模式,適合測試應(yīng)用在真實設(shè)備上的運行表現(xiàn)23。
  3. release 模式
    用途:正式發(fā)布模式,用于生成最終上架版本。
    特點:
    代碼完全優(yōu)化(包括 AOT 編譯),移除了所有調(diào)試信息。
    性能最高,包體積最小。
    不支持調(diào)試工具,僅用于測試應(yīng)用最終發(fā)布狀態(tài)的表現(xiàn)。
4.json文件配置后可選擇debug對應(yīng)的模式直接運行代碼:
image.png
5.代碼中如何根據(jù)環(huán)境變量去配置對應(yīng)的url等:env.dart 代碼如下:
// 配置環(huán)境變量類
class EnvConfig {
  final String envName;
  final String envHttpUrl;
  final String envTcpIp;
  final int envTcpPort;

  EnvConfig(
      {required this.envName,
      required this.envHttpUrl,
      required this.envTcpIp,
      required this.envTcpPort});
}

class Env {
  // 獲取launch.json中配置的環(huán)境變量的值
  static const _appEnv = String.fromEnvironment("APP_ENV", defaultValue: 'dev');

  // 獲取當(dāng)前環(huán)境配置
  static EnvConfig get envConfig => _getEnvConfig();
  // 根據(jù)環(huán)境變量獲取對應(yīng)的配置
  static EnvConfig _getEnvConfig() {
    switch (_appEnv) {
      case "test":
        return _testConfig;
      case "uat":
        return _uatConfig;
      case "prod":
        return _proConfig;
      default:
        return _devConfig;
    }
  }

  // 開發(fā)環(huán)境
  static final EnvConfig _devConfig = EnvConfig(
      envName: "development",
      envHttpUrl: "https://devxxxx:/api/v1",
      envTcpIp: "192.168.1.68",
      envTcpPort: 28799);

  // 測試環(huán)境
  static final EnvConfig _testConfig = EnvConfig(
      envName: "test",
      envHttpUrl: "http:testxxxx:3000",
      envTcpIp: "192.168.1.75",
      envTcpPort: 1573);
  // uat環(huán)境
  static final EnvConfig _uatConfig = EnvConfig(
      envName: "uat",
      envHttpUrl: "http:uatxxxx:3000",
      envTcpIp: "192.168.1.75",
      envTcpPort: 1573);

  // 生產(chǎn)環(huán)境
  static final EnvConfig _proConfig = EnvConfig(
      envName: "production",
      envHttpUrl: "http:proxxxx:3000",
      envTcpIp: "192.168.1.75",
      envTcpPort: 1573);
}

6.如何使用:
    final httpUrl = Env.envConfig.envHttpUrl;
    print('當(dāng)前環(huán)境httpUrl=$httpUrl');
7.打包:

當(dāng)配置了多個configurations后,肯定希望能根據(jù)APP_ENV值去打不通環(huán)境的包(比如可掃碼安裝的包、發(fā)布到appstore的包)

執(zhí)行命令:

flutter build ipa --release --dart-define=APP_ENV=uat/dev/test/prod

這里的一定是--release ,APP_ENV的值根據(jù)需要設(shè)置uat/dev/test/prod


image.png

1.是命令
2.是生成的可以archive文件的地址
3.是直接上傳appstore的ipa包,這個包不可以直接上傳到類似蒲公英并生成二維碼使用,如果想生成可掃碼安裝的包,需要另外的方式,方式如下:

從2的地址中找到對應(yīng)的文件:


image.png

拷貝到平時直接用xcode打包生成包的路徑:


image.png

這樣就可以在xcode中看到了


image.png

剩下的流程就是平時的打包流程:


image.png

這種方式打出的包就可以生成二維碼并安裝了,當(dāng)然你也可以選擇App Store Connect 的方式直接用xcode上傳到appstore并提交審核。

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌,老刑警劉巖,帶你破解...
    沈念sama閱讀 227,797評論 6 531
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異,居然都是意外死亡,警方通過查閱死者的電腦和手機,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 98,179評論 3 414
  • 文/潘曉璐 我一進店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人,你說我怎么就攤上這事。” “怎么了?”我有些...
    開封第一講書人閱讀 175,628評論 0 373
  • 文/不壞的土叔 我叫張陵,是天一觀的道長。 經(jīng)常有香客問我,道長,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 62,642評論 1 309
  • 正文 為了忘掉前任,我火速辦了婚禮,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘。我一直安慰自己,他們只是感情好,可當(dāng)我...
    茶點故事閱讀 71,444評論 6 405
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著,像睡著了一般。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 54,948評論 1 321
  • 那天,我揣著相機與錄音,去河邊找鬼。 笑死,一個胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播,決...
    沈念sama閱讀 43,040評論 3 440
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 42,185評論 0 287
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 48,717評論 1 333
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 40,602評論 3 354
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現(xiàn)自己被綠了。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 42,794評論 1 369
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情,我是刑警寧澤,帶...
    沈念sama閱讀 38,316評論 5 358
  • 正文 年R本政府宣布,位于F島的核電站,受9級特大地震影響,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點故事閱讀 44,045評論 3 347
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧,春花似錦、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 34,418評論 0 26
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 35,671評論 1 281
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人。 一個月前我還...
    沈念sama閱讀 51,414評論 3 390
  • 正文 我出身青樓,卻偏偏與公主長得像,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點故事閱讀 47,750評論 2 370

推薦閱讀更多精彩內(nèi)容