Web | Coding | Blog | SOHO

[React 隨筆]專案 app iPhone 實機測試

在模擬器運行多麽沒有感覺呀!當然是要在自己的手機上測試才爽快呀!
首先要準備的有

  • xcode 專案
  • xcode
  • mac
  • iPhone
  • Apple ID

我們就以[React 隨筆]React Native – 建立專案 Hello World 這篇的專案為例吧!


♥ 首先:執行 專案

透過Xcode 開啟
直接開啟 Finder 找到專案資料夾並進入,
找到 ios 資料夾後進入直接透過Xcode 執行 HelloWorld.xcodeproj 專案檔。

♥ 點擊左邊的 HelloWorld 中間會出現如下畫面:

♥ 找到Signing 的部分

會提示 沒有找到帳號,點擊 Add Account 按鈕來新增帳號

下圖為登入畫面,若無Apple ID 請點擊下方「Creat Apple ID」建立帳號

♥ 登入Apple ID 之後回到 Xcode 的Signing部分

 

先確認 Automatically manage signing 是否勾選,如果沒有請勾選;
之後在Team 選擇剛剛新增的帳號。

如果成功會向下圖這樣:

 

♥ 接著還有Tests 必須 Singing

 

在Identity 上方 HelloWorld (紅圈處)選擇 HelloWorldTests

 

♥ 找到Signing 的部分

 

 

一樣確認 Automatically manage signing 是否勾選,如果沒有請勾選;
之後在Team 選擇剛剛新增的帳號。

♥ 最後將iPhone 連接mac

在Xcode 左上角部分 HelloWorld > iPhone 7 Plus
iPhone 7 Plus 改選為自己的設備
(為自己iPhone 設定的名稱,像我的iPhone 名稱為4xSC)

最後點擊 三角形播放按鈕,等待建置與安裝;若一切順利就可以在iPhone上看到 app ,並且會自動開啟 app。


如果在一切順利成功,那麼恭喜你~
那如果有遇到一些問題的話,可以試著透過 疑難排除篇 來排除。



React 隨筆系列 (點此閱讀所有 React 隨筆系列)
有任何問題也歡迎在底下留言,或到fb粉絲專頁發訊息給站長一起討論。


如果您喜歡本站的文章,也歡迎將文章分享轉貼並註明出處;
另外還未按讚粉絲專頁的朋友,也可以動動手點擊追蹤最新的文章唷:

Comments

comments

如果您喜歡本站的文章,也歡迎將文章分享轉貼並註明出處;另外還未按讚粉絲專頁的朋友,也可以動動手點擊追蹤最新的文章唷:


© 2017 4xCode™ | Design:SC 站長