日期: 2017 年 10 月 6 日

前言：apple開發者帳號係年費，約台幣3,400元，去年申請後未再續，近日透過信用卡繳年費後，帳號一直處於Pending狀態，後來才發現有此封mail需上傳身份證明文件。

一、Xcode實機debug
1.USB連線
2.Xcode debug時直接選取此iPhone/iPad機器，build後即會將app安裝至實機上，即可操作

二、實機用ipa檔安裝
1.使用Xcode取得 iPhone/iPad 實機的機器序號
2.於開發者網頁設定devices
https://developer.apple.com/
=> 登入
=> Certificates, Identifiers & Profiles
=> Devices
=> All
3.Xcode Project設定
1) plist檔內的Automatic Signing請勾選，Team Id請選取有效之開發者帳號
2) 選取Release版本 : Product => Manage Schemes => Archive => Release

3) Build ipa檔：Product => Archive => Export… => 選取路徑儲存檔案後會有ipa檔 即可寄給相關測試人員

三、上架
1.https://itunesconnect.apple.com/
=> 我的App
=> 新的App
=> 其Bundle ID 需與 Xcode Project / plist的Bundle ID一致

2.Xcode上plist也需設定好1024 * 1024 market icon；版號也請每次上傳前要累加，否則上傳會失敗。

3.點選上圖的Upload to App Store…即可上傳至iTunesconnect，成功會出現如下訊息

4.至https://itunesconnect.apple.com/
=> 我的App
=> TestFlight
=> 請編寫"測試資訊"

方法一:
1.至https://marketplace.visualstudio.com/items?itemName=VisualStudioPlatformTeam.Ionic2TemplatesforVisualStudio2017下載
Ionic 2 Templates for Visual Studio 2017 v1.0.vsix

2.直接執行 (請先關閉Visual Studio)

方法二:
開啟Visual Studio / 工具 / 擴充功能和更新 / 搜尋輸入 ionic 2，直接進行安裝

補充說明 : 還需裝NPM Task Runner

開啟Visual Studio / 工具 / 擴充功能和更新 / 搜尋輸入 NPM Task Runner，直接進行安裝

Ref.https://docs.microsoft.com/en-us/visualstudio/cross-platform/tools-for-cordova/first-steps/get-started-with-ionic2

一.建置Cordova專案
1.開啟Visual Studio 2017 / 檔案 / 新增 / 專案 / 其它語言 / JavaScript / Mobile App / 空白應用程式(Apache Cordova)

二、Mac book 安裝remotebuild
1.安裝node
2.安裝xcode，安裝完後請執行xcode
3.執行xcode -select –install
4.執行npm install -g ios-deploy
一直失敗，後來改成如下指令就安裝成功了
sudo npm install -g ios-deploy –unsafe-perm=true –allow-root

5.執行sudo npm install -g remotebuild (含homebrew安裝)
並執行以下3指令
1) brew install libimobiledevice –HEAD
2) brew install ios-webkit-debug-proxy
3) brew install libimobiledevice
6.執行
1) 安全模式 :  remotebuild
2) 非安全模式 :  remotebuild –secure false

7.執行後，再執行remotebuild saveconfig產生組態，
請至/Users/grace/.taco_home/路徑查看RemoteBuild.config，
請記下hostname、port (若為安全模式，應該還有pin碼)
PS.我用hostname不行，後來改用IP =>  ifconfig | grep “inet “取得

8.啟動xcode及remotebuild

三、設定Visual Studio 2017Visual Studio 2017 * Cordova for iOS debug
1.開啟Visual Studio 2017 /  工具 / 選項 / Apache Cordova 工具 / iOS設定 /
iOS裝置支援資料夾 :
Ex.[IP]\Applications\Xcode.app\Contents\Developer\Platforms\iPhoneOS.platform\DeviceSupport\

2.Visual Studio專案需新增build.json
1) 申請開發者帳號，以取得Team Id
2) build.json設定如下，其中developmentTeam請用Team Id


https://cordova.apache.org/docs/en/latest/guide/platforms/ios/index.html#using-buildjson

4.請記得使用Release，不要用Debug，要不然無法remote debug
若未用Release，會出現如下訊息，無法debug

將偵錯工具連接至遠端 Apache Cordova 應用程式時，發生逾時。請查看輸出視窗，以取得 JavaScript 主控台輸出。
找不到您要嘗試偵錯的應用程式。請確定裝置已連線、喚醒且解除鎖定。此外，也請確定其已啟用 Web Inspector。
The application you are trying to debug could not be found. 
Make sure the device is connected, active, and unlocked. Also, 
make sure that it is with the Web Inspector enabled.

網路上關於此訊息有建議一些解法，最終是用Release就成功，其它建議說明如下，以備未來有問題可參考

1) 【OS X】：Safari → 偏好设置 → 高级 → 在菜单栏中显示“开发”菜单
2) 於Macbook執行remotebuild程式後，停子remotebuild後，
   執行remotebuild saveconfig，
   用vi開啟RemoteBuild.config檔，修改以下2設定為60000後存檔
       appLaunchStepTimout : 60000 (1 min)
       emulatorLaunchTimeout : 60000 (1 min)
再重新啟動remotebuild
3) 模擬器 -> 設定(Settings) -> General -> Reset -> Reset all Settings
4) Macbook模擬器的名稱需與visual studio所選的一致

3.visual studio debug macbook上模擬器畫面

四、開啟Xcode直接debug Cordova 專案 :
1) Visual Studio 2017 \ Debug \ iOS \ 選模擬器類的直接Debug
2) 最後會於Macbook上的此路徑的Applications\Xcode.app\Contents\Developer\Platforms\iPhoneOS.platform\DeviceSupport\產生序號路徑，
並至[序號]\cordovaApp\platforms\ios\可開啟此xcode專案專案 [project Name].xcodeproj，
當然也可直接在xcode上debug。

Ref.https://docs.microsoft.com/en-us/visualstudio/cross-platform/tools-for-cordova/first-steps/ios-guide