#5 從 Xcode 將 App 安裝到 iPhone

Rose
彼得潘的 Swift iOS / Flutter App 開發教室
7 min readMar 12, 2021

現在在 Xcode 上只需要幾個步驟就可以把開發好的 App 安裝到 iPhone 上!

分為二大步驟:

  • 一、設定 APP 對應的 Apple ID
  • 二、將 App 安裝到 iPhone

設定 APP 對應的 Apple ID

Apple 為了確保 iPhone 不會誤裝到邪惡開發者製作的 App, Apple 要求 App 需要綁定開發者的 Apple ID 才能安裝到 iPhone 上,出事才可以追查源頭是誰。

因此第一步請先在 Xcode 設定 App 對應的 Apple ID。

  1. 選取 Project Navigator 的專案檔,點選 TARGETS 下面的 APP,選取 Signing & Capabilities 的頁籤。

2. 點選 Signing 下方的 Team Add Account 新增帳號,因為我之前已經新增過 Apple ID 了,所以這邊看到的是已經帶入名字。

3. 輸入你的 Apple ID 帳號&密碼,若還沒有 Apple ID 可以免費申請。

注意:如果申請過程中電腦沒有網路,將會無法登入而出現錯誤訊息。

登入成功後 Accounts 左邊可以看到自己的新增的帳號,點選帳號後右邊視窗出現帳號相關資訊。

4. 我們剛剛新增了帳號,所以 Xcode 已經可以簽名認證 App 的開發者是誰,有問題需找誰負責。

要如何簽名呢?回到 Xcode 的 Signing 視窗,在 Team: 右邊的按鈕點擊下拉,選剛剛設定的帳號即可。

Team 欄位設定完成之後,視窗如下顯示

以上的四個步驟,是為了設定 Team 的欄位。只需要設定一次,一旦設定過了未來建立新專案時都可以同時設定。

例如下圖新增一個專案時,Team 欄位會預設帶入我們設定好的帳號。

二、將 App 安裝到 iPhone

終於來到了令人興奮的步驟,你終於可以把自己設計的 App 裝到 iPhone 裡測試,還可以順便拿去向不懂的人炫耀一下(誤

1. Mac 連接 iPhone

準備 iPhone 的電源線將它連接到 Mac,最好是用原廠的線,現在很多大陸製的電源線因為太便宜,根本沒有傳輸資料的功能,原廠連接線貴是有原因的。

2. 更改模擬器的目標

Xcode 視窗上方將 App 執行的目標由模擬器改為自己的 iPhone。

點擊後在 Device 選擇你的 iPhone,這裡顯示的名字會依照你的手機型號而有所不同

選定之後會是這樣顯示

3. 重載 Profile

此時 Xcode 將自動產生下載安裝 App 到 iPhone 所需要的相關材料。
例如 Profile,原本畫面下方 Status 有黃色的錯誤訊息,按下 Try Again 按鈕生成。

順利生成後,將如下圖所示不再有錯誤訊息。

Mac需要連到網路才能下載安裝App所需要的材料。

點選 Provisioning Profile 旁的 i ,可以看到 Profile 的相關資訊

4. 安裝到手機

讓 iPhone 處於解鎖狀態,不要是睡眠狀態,把 App 安裝到手機 iPhone。

接著按下視窗上方 ▶️ 編譯執行按鈕。

  • 警告訊息 1

大膽按下 ▶️ 然後就哭哭了😭,Xcode 彈出這個警告視窗,意思是說我的 iPhone 系統版本是 iOS 14.4 ,必須要將系統升級成 iOS 14.5 才能運行,因為我的 Xcode 版本是 12.5 beta 3 吧。

好吧,讓我來去升級手機系統先,稍待回來。

然後查了一下 iOS 14.5 要3月底才會發佈,再次😭😭

有消息指出蘋果將在3月23日舉行春季發表會,發表包含新款iPad Pro及新款Air Pods等設備。外媒表示,iOS 14.5更新很有可能在發表會不久後發布。

山不轉路轉,還好之前安裝的舊版 Xcode 12.4 還在,因為懶所以還沒刪除,原來偷懶也可以是小幸運。

必須開啟不是用 Xcode 12.5 版做的專案才行,否則一樣會跳出上面的警告。

打開 Xcode 12.4 ,選擇這一版製作的專案

  • 錯誤 2 網路未連線

因為太開心的緣故所以網路忘了開,以致左邊出現了錯誤無法運行。

  • 錯誤 3 無法啟動 Could not lanch

將網路開啟之後,再次按下編譯執行又再次出現 App 無法啟動的錯誤。

這是 Apple 為了保護使用者的手機遭人安裝惡意程式,所以使用者必須從 iPhone 的設定 App 裡同意我們的帳號製造的 App 是安全無害,可以安裝的。

5. 解決錯誤 3 無法啟動 Could not lanch 的問題

我們必須在 iPhone 上完成裝置驗證的一連串動作

(1) 打開 iPhone 的設定 → 選擇一般

(2) 往下找到裝置管理,點擊進入

(3) 點擊在開發者 APP 下的帳號

(4) 這是我們自己的帳號,所以按下信任吧

(5) 彈出視窗按下 信任

(6) 設定完成的畫面

6. 回到 Xcode 重新編譯執行

按下 ▶️ 編譯執行按鈕。

iPhone 上的 App 已經可以成功啟動!

若將帳號安裝的 App 移除,造成 iPhone 尚無任何此帳號的 App,將導致描述檔被移除,下次安裝 App 時必須重新點選信任。

手機上的 App 與執行的畫面

--

--

Rose
彼得潘的 Swift iOS / Flutter App 開發教室

Coding & Design 一直在學習的路上,從未停止,一有空檔就會摸摸我的兔子🐰