Windows上使用ionic開發IOS程序

開發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)

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