Flutter 動態配置多環境 - IDE 配置

繼上一篇文章，為 Flutter 專案建立了各種環境參數。但是需要輸入執行指令，才能調用想要的組態。

輸入指令不方便，又無法使用除錯工具⋯⋯

在編輯器上做一些設定，可以更方便地切換環境：  

 

VS Code 篇

在 VS Code 可以編輯 .vscode/launch.json 進行設定。

其中 --flavor 參數會在之後的文章講解。


之後就可以在執行與偵錯介面，選擇執行環境。

如果當下沒有 launch.json 的話，這裡會有提示，引導用戶新增一個。


Android Studio 篇

 
 
 點擊執行目標選單中的 Edit Configurations…
 
 
利用複製功能，複製需要的數量。本例會示範 3 種組態，所以最後會有 3 個項目。
 
以正式版（Prod）為例，在 Additional run args 欄位輸入「--dart-define=DART_DEFINE_APP_ENV=prod」，這是接在 flutter run 後面的參數。
並在 Name 欄位重新命名設定名稱方便識別，在這裡的設定是針對目前的專案。

以此類推，完成其他的設定。之後就可以挑選想要的組態來建置 app。

參考資料

Flutter profiles in VSCode (Product flavors)

拒绝魔改，Flutter动态配置多环境

版本資訊

  • Android Studio Arctic Fox | 2020.3.1 Patch 4
  • Visual Studio Code 1.64.2

留言

張貼留言

這個網誌中的熱門文章

Flutter 動態配置多環境 - Android Gradle 配置

圖片
接著要實作更進一步的版本切換機制。 為每個版本，設定各別的 app 名稱和套件名稱。 在 Gradle 新增組態   在 VSCode 對著 android 資料夾點擊右鍵，在選單中點擊 Open in Android Studio。 在 Android Studio 是在選單中點擊 Flutter -> Open Android module in Android Studio。 在 android/app/build.gradle 的 android 區塊內新增以下程式： android { //.... flavorDimensions "app" productFlavors { prod { dimension "app" resValue "string", "app_name", "Build Flavor" applicationId = "com.dispy.buildflavor" } beta { dimension "app" resValue "string", "app_name", "Build Flavor Beta" applicationId = "com.dispy.buildflavor.beta" } dev { dimension "app" resValue "string", "app_name", "Build Flavor Dev" applicationId = "com.dispy.buildflavor.dev" } } }   本例支援 prod、beta、d...
閱讀完整內容

Azure 建立 Windows 虛擬機器

圖片
 Azure 也能建立獨立的虛擬機器，使用體驗與 VM Ware 和 Virtual Box 雷同，只是資料是放在雲端。 以下是建立虛擬器的流程。 在首面點擊「虛擬機器」按鈕，進到管理介面。然後按一下左上角的「建立」。 在彈出的選單點點「Azure 虛擬機器」。 在建立頁面填寫相關資料： 資源群組 - 如果沒有自動新建的話，可點擊欄位下方的「新建」 連結，與這台虛擬機相關的資源都會放在一起。 虛擬機器名稱 - 取一個可以識別的名字 影像 - 本例選擇「Windows 11 Pro - Gen2」，也可以選擇「Windows 10 Pro」。 Administrator 帳戶 - 輸入可以被記住的帳號和密碼 大小 - 建議選擇雙核心 8 GB 記憶體的項目，確保虛擬機可以正常運作。（注意價格） 選取輸入連接阜：勾選 RDP（遠端桌面）、Http、Https 將「我確認我有具備多租用戶主控權限的合格 Windows 10 授權。」項目打勾。 填寫完畢後，點擊「檢閱＋建立」跳過中間的步驟。 確認資料和價格後，點擊「建立」。 在管理介面，點擊連接 -> RDP。 點擊「下載 RPD 檔案」。 在 Windows 雙擊 RDP 檔案（Mac 要下載 Microsoft Remote Desktop，將 RDP 拖至視窗中），連線到虛擬機器。 登入虛擬機器後，在控制台啟用 IIS 網路伺服器。 安裝完畢後，開啟新分頁，將管理介面提供的公用 IP 貼到網址列並連線，有看到 IIS 的初始畫面的話，就代表設定成功。
閱讀完整內容