開發ios程序需要mac本,沒的話就只能在虛擬機上安裝一個MacOS。
以下爲步驟:
1、安裝VMware和Mac OS
參考網上教程
2、ionic開發ios程序
3、安裝Xcode
爲什麼要安裝Xcode呢?
ionic開發Android程序都不需要安裝eclipse等IDE,只要一個能寫SSS,JS ,HTML的IDE就行(Hbuilder,WebStrom,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吧)
4、安裝ionic開發環境
(這個和在windows上安裝android開發環境類似)
5、安裝Nodejs
百度下載,傻瓜式安裝,注意:你現在是Mac本,所以需要下載Nodejs for mac的,別下錯了
6、安裝cordova,ionic
sudo npm install -g cordova
sudo npm install -g ionic
或者合成一句統一安裝 sudo npm install -g cordova ionic
7、創建項目
ionic start firstIonicProjectForIos [tabs][blank][sidememu]
8、瀏覽器中運行項目(調試項目)
cd firstIonicProjectForIosionic serve(自動在afai瀏覽器中打開)
9、模擬器中運行項目
因爲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了,效果是一樣的
10、打包項目
能使用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的事情了。