如何在Windows下使用ionic打包與開發IOS程序

開發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的事情了。 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章