【Flutter 專題】85 Flutter Attach 調試 Flutter Code

      在實際開發過程當中,爲了知足項目業務方面以及兼容歷史代碼等方面,常常會採起 Flutter 功能模塊以 aarModule 等引入方式;而 Flutter Code 代碼是與 Android / iOS Native Code 區分爲兩個工程的;此時若須要調試應該怎麼處理呢?web

Android

      和尚目前主要從事 Android 開發,平常用的最多的是 Run / Debug 跟蹤運行項目,而目前 Flutter Module 做爲 Native Project 的子模塊,直接 Run / Debug 會把 Flutter Module 看成一個新的 Project 運行;xcode

      此時須要經過 Flutter Attach 方式在 AndroidStudio 與設備之間創建 Socket 鏈接,以後即可以對 Flutter Code 進行調試;微信

  1. Flutter Attach 運行 Flutter Code;此時等待鏈接 Waiting for a connection from Flutter on Redmi K30 5G…app

  1. 運行安裝 Android Native apk工具

  2. 與設備同步鏈接以後即可進行斷點調試,此時 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 進行調試;spa

  1. 肯定已安裝 Xcode 開發工具;.net

  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/


      和尚測試 AndroidiOS 觸發時機略有不一樣;Android 通常是先 Flutter Attach 以後再冷啓動 appiOS 能夠先運行 app 而後直接 Flutter Attach;但對咱們測試影響不大;

      和尚對 Flutter 的學習和應用還處於基礎階段;若有錯誤,請多多指導!

來源:阿策小和尚

本文分享自微信公衆號 - 阿策小和尚(gh_8297e718c166)。
若有侵權,請聯繫 support@oschina.cn 刪除。
本文參與「OSC源創計劃」,歡迎正在閱讀的你也加入,一塊兒分享。

相關文章
相關標籤/搜索