開發ios程序需要mac本,但是好多屌絲們沒有Mac 本,那就在虛擬機上安裝一個MacOS,湊合着用吧。
下面我就以我自己的親身經歷,帶着ionic愛好者一步一步的在windows上開發ios程序
安裝VMware和Mac OS
參看我的這篇文章windows上安裝Mac OS
ionic開發ios程序
安裝Xcode
爲什麼要安裝Xcode呢?
ionic開發Android程序都不需要安裝eclipse等IDE,只要一個能寫SSS,JS
HTML的IDE就行(Hbuilder,WebSotrom,Sublime Text), 開發完成之後不就執行個ionic platform add android,ionic build android,然後就能生成一個.apk文件,給手機上一安裝O了。
ionic開發ios程序就得安裝Xcode IDE,這是因爲蛋疼的ios程序無法直接使用命令生成,使用命令只能生成.project文件,然後再使用Xcode IDE將.project文件轉成.ipa文件,更讓人蛋疼的是這個ipa文件居然也不能被直接安裝到愛瘋上,只能先上傳到APP Store,人家審覈通過之後,我們再從APP Store上下載。(看到這你可能快瘋了,但是沒法啊,誰讓人家NB呢。好了廢話少說了,乖乖安裝Xcode吧)
安裝ionic開發環境
(這個和在windows上安裝android開發環境類似)
安裝Nodejs
百度下載,傻瓜式安裝,注意:屌絲們,你現在是Mac本,所以需要下載Nodejs for mac的,別下錯了
安裝cordova,ionic
sudo npm install -g cordova
sudo npm install -g ionic
或者合成一句統一安裝
sudo npm install -g cordova ionic
創建項目
ionic start firstIonicProjectForIos [tabs][blank][sidememu]
瀏覽器中運行項目(調試項目)
cd firstIonicProjectForIos
ionic serve(自動在afai瀏覽器中打開)
模擬器中運行項目
因爲apple開發的證書限制我們在沒有申請購買apple賬號的情況下,使用虛擬機來部署我們的應用,在部署之前需要使用npm安裝一個ios-sim插件用來調用模擬器的,執行命令:
sudo npm install -g ios-sim
然後執行
ionic platform add ios (添加ios平臺)
ionic build ios
開始編譯項目,編譯完成之後用Xcode打開開發目錄下platform->ios->myIonic.xcodeproj的項目文件,Xcode中選擇要運行的虛擬機版本並執行快捷鍵cmd+R運行虛擬機,虛擬機打開後會自動運行你應用。
當然你也可以使用命令:
ionic emulate ios(在ios模擬器中打開)/ionic run ios(我的報錯了)
PS: 爲什麼不用run ios 命令直接啓動虛擬機呢,因爲我的環境下執行run會報錯,虛擬機會打開但是無法運行程序,找了半天解決解決方案沒有結果,索性直接用Xcode了,效果是一樣樣的。
PS:運行時千萬別直接雙擊XXX.xcodeproj文件使用Xcode打開,這種打開方式在模擬器中運行時Xcode會報build faild的錯誤。
而應該先打開Xcode
點擊Open another project…,然後選擇項目目錄/platforms/ios/xxx.xcodeproj
PS:在IOS模擬器中輸入中文
找到模擬器的Settings—>General–>Keyboard–>International KeyBoards–>Add New Keyboard–>Chinese Simplified(PinYin) 即我們一般用的簡體中文拼音輸入法,配置好後,再輸入文字時,點擊彈出鍵盤上的“小地球”就可以輸入中文了。
打包項目
能使用Ionic來開發app的很可能對Ios和android的app打包發佈流程不是很熟悉,我這裏簡單說明下:
ionic build android命令執行完成之後會在
項目目錄/platforms/android/build/outputs/apk目錄下面生成.apk文件。
但是ionic build ios命令執行完成之後不會生成.ipa文件,只會在
項目目錄/platform/os目錄下生成.xcodeproj文件,這個文件需要藉助Xcode才能將其打包成.ipa文件。
因此接下來的任務就成了使用Xcode打包.xcodeproj成爲.ipa的事情了。
參見我的這篇文章Xcode打包項目教程(.xcodeproj=>.ipa)