windows & mac team up

Windows 和 Mac mini 再一起了 開發環境建置

tagy04@gmail.com 2

OUTLINE• 環境建置前• 開發流程• 建置步驟• Mac • Windows

• 專案編譯• Demo• iOS Icon web• 補充

2016/3/8

tagy04@gmail.com 3

環境建置前1. Windows 2. Mac device

(iPhone, iPad, Mini/MBA/MBP/Pro/iMac) 3. 一張信用卡

2016/3/8

tagy04@gmail.com 4

開發流程

• VS2015• 要求遠端編譯

Windows

• 編譯專案• 封裝專案

Mac• 經由 iTunes 安裝至

Device

Windows / Mac

2016/3/8

tagy04@gmail.com 5

建置步驟• Mac

2016/3/8

tagy04@gmail.com 6

建置步驟• 申請 Apple Developer Account• 產生憑證- search ” Option 1: Use an Apple Developer account”

• Install NodeJS• Install RemoteBuild

2016/3/8

tagy04@gmail.com 7

建置步驟• Install RemoteBuild

2016/3/8

tagy04@gmail.com 8

建置步驟• sudo npm install -g remotebuild• remotebuild ，先問是否參加協助改進 — >Y ，• 是否要安裝 HOMEbrew—>Y

2016/3/8

tagy04@gmail.com 9

建置步驟• 安裝好以後，執行 remotebuild certificates generate

2016/3/8

tagy04@gmail.com 10

建置步驟• Run “remotebuild”

2016/3/8

tagy04@gmail.com 11

建置步驟

2016/3/8

• TIPS• 每次要編譯專案前，要記得在 mac 端，執行 remotebuild 。• 如果密碼產生時間已經超過 10 分鐘，記得執行 remotebuild certificates

generate 。

tagy04@gmail.com 12

建置步驟• Windows• VS2015 plugin Apache Cordova tool• install TortoiseSVN• Clone SourceCode• VS2015 Debug setting

2016/3/8

tagy04@gmail.com 13

建置步驟• Clone SourceCode• SVN Server (Windows)

https://140.124.39.133/svn/Health_App/Bluetooth_Test/• 沒帳號，請找阿德學長。

2016/3/8

tagy04@gmail.com 14

建置步驟• VS2015 setting

2016/3/8

tagy04@gmail.com 15

建置步驟• 工具 ->• 選項 ->• Apache Cordova 工具 -

>• iOS 設定• Host 主機 : IP Address• 安全性 PIN 碼 :

remoteBuild 的六碼• 安裝模式 : true• 啟用遠端 iOS 處理 : true• 連接 port : 3000

2016/3/8

tagy04@gmail.com 16

建置步驟

2016/3/8

tagy04@gmail.com 17

建置步驟

2016/3/8

tagy04@gmail.com 18

建置步驟• Windows Mac

2016/3/8

tagy04@gmail.com 19

Demo

2016/3/8

tagy04@gmail.com 20

iOS Icon web• https://icons8.com/free-ios-7-icons-in-vector/• http://www.iconbeast.com/free/• http://www.flaticon.com/search?word=ios%207

2016/3/8

tagy04@gmail.com 21

補充• 使用Parallels 建置適用於iOS 的Cordova 應用程式 - MSDN

2016/3/8