天天看點

Flutter iOS 真機測試 -- 值得收藏

#頭條創作挑戰賽#

Flutter iOS 真機測試 -- 值得收藏

本文同步本人掘金平台的文章:https://juejin.cn/post/7112590163884113934

在文章Flutter 布局備忘錄 -- 多圖警告,幹貨建議收藏中,我們了解了常用的布局。在文章Flutter 結合 Dio 使用中,我們了解了接口請求。那麼,當一個 Flutter 應用開發完之後,我們怎麼在 iOS 真機的調試呢?本文,我們來了解下。

準備工作

  • 一台 Mac 電腦,安裝了 Xcode 軟體
Flutter iOS 真機測試 -- 值得收藏
  • 一條 USB 線
  • 一台 iPhone
  • 一個能正常運作的 Flutter 項目
這裡的 Flutter 項目,我使用了在 Flutter 結合 Dio 使用文章中的項目。

用 USB 将手機和電腦連接配接起來。手機中彈窗選擇信任該電腦。

Flutter iOS 真機測試 -- 值得收藏

Xcode 配置

Flutter iOS 真機測試 -- 值得收藏

進入項目的 ios 檔案夾,輕按兩下檔案 Runner.xcworkspace,自動調起 Xcode 軟體。

Flutter iOS 真機測試 -- 值得收藏

因為準備工作的時候,已經将手機連接配接到電腦,是以,你在 Runner 這裡會找到你的手機,點選連接配接的手機:

Flutter iOS 真機測試 -- 值得收藏
這裡我連接配接的是自己的手機,手機名稱為嘉明

在 Signing & Capabilities 配置資訊中,你需要選擇一個團隊,如果團隊狀态未識别,你需要登陸。

Flutter iOS 真機測試 -- 值得收藏

成功登陸後,你可以看到類似下面成功的頁面。

Flutter iOS 真機測試 -- 值得收藏

操作完上面之後,你可以點選運作按鈕,運作項目。

Flutter iOS 真機測試 -- 值得收藏

此時,你會看到 codesign 想通路您的鑰匙串中的密鑰 的彈窗。

Flutter iOS 真機測試 -- 值得收藏

填寫你本機的登陸密碼,并點選 始終允許 或 允許。

建議選擇始終允許,不然選擇允許後,下次進來你還得允許。

手機配置

在上面輸入登陸的鑰匙後,我們連接配接的手機上會彈出提示不受信任的開發者的資訊。

Flutter iOS 真機測試 -- 值得收藏

我們根據提示,在設定中允許使用這些 App。

操作路徑:設定 -> 通用 -> 描述檔案與裝置管理 -> 開發者APP

選中我們的 Apple Development 資訊。

Flutter iOS 真機測試 -- 值得收藏

成功選中後,我們可以看到狀态變更為下面這樣:

Flutter iOS 真機測試 -- 值得收藏
Flutter Demo 是我項目的名稱

此時,你可以在的手機上看到一個名稱為 Flutter Demo 的 Flutter 應用。

Flutter iOS 真機測試 -- 值得收藏

此時你點選打開 Flutter Demo 應用,可能會得到下面的資訊提示:

Flutter iOS 真機測試 -- 值得收藏

因為自己手機系統是 14.2,是以它告訴我,應用隻能通過 IDE 發起或者是 Xcode。是以,我們在 Xcode 上再次點選運作按鈕,運作我們的項目即可,可能會出現下面這個信任彈窗:

Flutter iOS 真機測試 -- 值得收藏

選擇信任後,你可以看到我們的 Flutter 應用内容了。

Flutter iOS 真機測試 -- 值得收藏

另一種處理方式 iOS 14 not letting Flutter apps (still in dev) to launch from the home screen compared to Building/Running from the IDE

後話

在 IDE 上更改内容後,再次點選運作按鈕之後,你在手機應用上可以看到更新的内容。

很酷,是吧,讀者感興趣可以嘗試一下~

如果讀者喜歡本文,不妨一鍵三連:點贊 + 收藏 + 關注