技術事件薄: IOS 實機測試-下集

上一集我們已經含莘如苦的把憑證下戴下來了，所以接下來當然要開始設定XCODE的相關環境和部署適合cordova專案的環境，雖然我也碰到不少困難希望可以幫助大家減少痛苦指數…

一、MAC建立Cordova 相關環境

1. 先下戴node.js 的安裝程式 https://nodejs.org/en/

2. 打開終端機輸入 sudo npm install -g cordova

3. 開啟APP Store 安裝XCode

二、使用Visual Studio Cordova 的遠端工具

1. 先在MAC作業系統中安裝Visual Studio Remote Tool

切換到根目錄/usr/local

cd/usr/local

安裝遠端Visual Studio Remote Tool

sudo
  npm install

-g vs-mda-remote --user=$USER

啟動mac的visual studio tool

vs-mda-remote
  --secure false

等一下要把http port 填入Visual Studio 的設定中

2. 開啟MAC的設定à網路 : 查詢MAC的ip位置

3. 開啟Visual Studio的工具à 選項

在Remote AgentConfiguration 輸入MAC的IP和Http的Port

4. 開啟Visual Studio 的建置à建置平台

將使用中的方案平台設為IOS

5. 按下綠色執行就可以遠端連線到MAC

如果運作正常~ 就會看到以下MAC正在被連線中…

我的APP啟動了，但出現網路不通

開啟以下路徑，點選兩下projectName.xcodeproj開啟

/users/admin/remote-builds/builds/今天產生的資料夾/cordovaApp/platforms/ios/專案名稱/

請點選à專案名稱àInfoà App Transport Security Settings(允許存取非安全性的連線http) 設為YES

注意:Visual Studio Cordova 編譯產生的info檔，找不到APP Transport Security Settings… 不用懷疑

你必需自己用終端機呼叫Cordova 指令產生一份檔案，再透過Cordova指令產生的專案目錄下的 info.plist拷貝到visual studio remote Tool編譯完成目錄之下(users/admin /remote-builds/builds/今天產生的資料夾/cordovaApp/platforms/ios/專案名稱/)，之後再改成檔案名稱就好了… 作者可是卡超久的~

7. Cordova建立專案的範例
終端機指令下命令 Cordova 的方式直接建立專案，指令的語法順序如下Cordova create [檔案目錄] [bundle Identifiler] [APP的名稱]
補充: 如果沒有寫上bundleID 預設無法對外連ajax 的webAPI

$ cordova create MyApp 申請的bundleID MyApp

$ cd MyApp

$ cordova platform add ios

$ cordova build ios

三、使用MAC 的XCode 設定專案

l bundle identifier : 各位還記得在ios實機測試-上集，所申請bundle Identifiler, 要填寫在xcode的bundle Identifiler喔。

l Team : 已經在app.developer.com註冊的ios developer 的帳號

l Device: 要選擇IPhone

四、部署實機

選擇連接電腦的手持裝置(實體的IOS裝置)，按下黑色右箭頭即可成功部署至您的手機

五、APP 上架篇

登入網站https://developer.apple.com/

點選【ITunes Connect】

點選【我的App】

按下左上【+】新增APP

各種尺寸都有不同的圖片像素… 依據Apple的不同裝置的Size上傳檔案

示範上傳建置版本

回到XCODE的視窗

Build Setting à code Signing Identity

要注意的是開發者的mail帳號是否有經過APP Developer 的註冊登記並下戴憑證，APP Developer 有兩種角色Developer 和Distribute，要有兩種角色的憑證，比較不會出錯

選擇ProductàArchive

當你無法點選Archive，就代表你沒有連接實體IPhone裝置… 意思是如果要上傳檔案到ITune 你必需要有一台實體IOS裝置… 否則無法上架

注意: 作者開啟Visual Studio Corodova 遠端工具產生的Remote Build 目錄下的Xcode的專案下，開啟Product的 Archive (最後要打包檔案上傳iTune)竟然發生失敗了…cordova/cdvviewcontroller.h' file not found 雖然試過網路上幾種方式最後還是失敗了… 以上各位還是當作練經驗吧 >_<

用終端機下指令重新建立Cordova 專案，把Remote Build產生的目錄下的www目錄複製一份到 Cordova指令建立的專案下的目錄，取代www目錄，重新以xcode開啟此專案，開啟Product的 Archive就出現建置成功後的畫面。