#頭條創作挑戰賽#
本文同步本人掘金平台的文章:https://juejin.cn/post/7112590163884113934
在文章Flutter 布局備忘錄 -- 多圖警告,幹貨建議收藏中,我們了解了常用的布局。在文章Flutter 結合 Dio 使用中,我們了解了接口請求。那麼,當一個 Flutter 應用開發完之後,我們怎麼在 iOS 真機的調試呢?本文,我們來了解下。
準備工作
- 一台 Mac 電腦,安裝了 Xcode 軟體
- 一條 USB 線
- 一台 iPhone
- 一個能正常運作的 Flutter 項目
這裡的 Flutter 項目,我使用了在 Flutter 結合 Dio 使用文章中的項目。
用 USB 将手機和電腦連接配接起來。手機中彈窗選擇信任該電腦。
Xcode 配置
進入項目的 ios 檔案夾,輕按兩下檔案 Runner.xcworkspace,自動調起 Xcode 軟體。
因為準備工作的時候,已經将手機連接配接到電腦,是以,你在 Runner 這裡會找到你的手機,點選連接配接的手機:
這裡我連接配接的是自己的手機,手機名稱為嘉明
在 Signing & Capabilities 配置資訊中,你需要選擇一個團隊,如果團隊狀态未識别,你需要登陸。
成功登陸後,你可以看到類似下面成功的頁面。
操作完上面之後,你可以點選運作按鈕,運作項目。
此時,你會看到 codesign 想通路您的鑰匙串中的密鑰 的彈窗。
填寫你本機的登陸密碼,并點選 始終允許 或 允許。
建議選擇始終允許,不然選擇允許後,下次進來你還得允許。
手機配置
在上面輸入登陸的鑰匙後,我們連接配接的手機上會彈出提示不受信任的開發者的資訊。
我們根據提示,在設定中允許使用這些 App。
操作路徑:設定 -> 通用 -> 描述檔案與裝置管理 -> 開發者APP
選中我們的 Apple Development 資訊。
成功選中後,我們可以看到狀态變更為下面這樣:
Flutter Demo 是我項目的名稱
此時,你可以在的手機上看到一個名稱為 Flutter Demo 的 Flutter 應用。
此時你點選打開 Flutter Demo 應用,可能會得到下面的資訊提示:
因為自己手機系統是 14.2,是以它告訴我,應用隻能通過 IDE 發起或者是 Xcode。是以,我們在 Xcode 上再次點選運作按鈕,運作我們的項目即可,可能會出現下面這個信任彈窗:
選擇信任後,你可以看到我們的 Flutter 應用内容了。
另一種處理方式 iOS 14 not letting Flutter apps (still in dev) to launch from the home screen compared to Building/Running from the IDE
後話
在 IDE 上更改内容後,再次點選運作按鈕之後,你在手機應用上可以看到更新的内容。
很酷,是吧,讀者感興趣可以嘗試一下~
如果讀者喜歡本文,不妨一鍵三連:點贊 + 收藏 + 關注