【Flutter 專題】85 Flutter Attach 調試 Flutter Code #yyds幹貨盤點#

      在實際開發過程中，為了滿足項目業務方面以及相容曆史代碼等方面，經常會采取 Flutter 功能子產品以 aar 或 Module 等引入方式；而 Flutter Code 代碼是與 Android / iOS Native Code 區分為兩個工程的；此時若需要調試應該怎麼處理呢？

Android

      小菜目前主要從事 Android 開發，日常用的最多的是 Run / Debug 跟蹤運作項目，而目前 Flutter Module 作為 Native Project 的子子產品，直接 Run / Debug 會把 Flutter Module 當作一個新的 Project 運作；

      此時需要通過 Flutter Attach 方式在 AndroidStudio 與裝置之間建立 Socket 連接配接，之後便可以對 Flutter Code 進行調試；

1. Flutter Attach 運作 Flutter Code；此時等待連接配接 Waiting for a connection from Flutter on Redmi K30 5G...

   

2. 運作安裝 Android Native apk；
3. 與裝置同步連接配接之後便可進行斷點調試，此時 hot reload 非常便捷；

   

         若打開了 Native app 之後 Flutter Attach 仍舊一直卡在連接配接裝置 Waiting for a connection from Flutter on... 可以嘗試殺掉 app 重新進入 app 即可；

iOS

      采用 Flutter 跨平台技術，若對原生 Android / iOS 技術都有了解會便利很多；然而小菜對于 iOS 是一竅不通，那如何在 iOS 裝置上調試 Flutter Code？

      小菜請教 iOS 同學，主要有兩種方式：第一種是完全按照 iOS 開發流程，配置環境，更新運作 Native iOS Code，之後 Flutter Attach 調試 Flutter Code；第二種是編譯一個模拟器适用的 Debug 包，直接在模拟器安裝，之後再通過 Flutter Attach 進行調試；

1. 确定已安裝 Xcode 開發工具；
2. 打開 Xcode - Simulator 安裝 iOS 同學預先提供的 Debug 包；
3. Flutter Attach 運作 Flutter Code，與 Android 相同，與裝置同步連接配接之後便可進行斷點調試；

   

         小菜剛裝好 Xcode 之後，通過 AndroidStudio 打開 Open iOS Simulator 一直沒反應，查閱資料之後發現需要預先開通 Xcode 權限；

// switch 後為 Xcode Developer 路徑
sudo xcode-select --switch /Applications/Xcode.app/Contents/Developer/