使用ionic將HTML5項目打包成安卓和IOS應用

最近由於項目須要，在研究2天ionic打包應用，現將整個過程記錄下來。

ionic是一款HTML5手機應用開發框架，能夠說是AngularJS移動端解決方案，基於PhoneGap的編譯平臺，能夠實現編譯成各個平臺的應用程序。一次開發，到處運行。

一、安裝ionic

首先須要安裝Node.js，安裝成功後，在命令行中輸入下面指令，安裝ionic和cordova

npm install -g cordova ionic

能夠經過查看版本號來測試是否安裝成功，若是顯示版本號即安裝成功。

windows：

ionic -v

mac：

ionic -version

二、建立ionic項目

安裝成功後，便可開始建立項目了

ionic start ionic-app tabs

其中tabs是ionic的模板，一共有3個選項，tabs，sidemenu，blank。

項目建立完以後，目錄結構以下

www就是開發的項目源碼

platforms下面就是編譯後的項目，下面應該有2個子目錄android和ios，分別針對不一樣的平臺

resources是放資源圖片的，例如圖標、啓動圖片等

三、打包成APP

進入項目目錄：

cd ionic-app

添加對應的框架：

ionic platform add ios
ionic platform add android

編譯：

ionic build ios
ionic build android

模擬器中運行：

ionic emulate ios
ionicemulateandroid

生成apk(此時生成的是未簽名的apk):

cordova build -releaseandroid

打包ios只能在mac上進行，須要安裝xcode。

打包android能夠在windows/mac上進行，須要預先安裝jdk和android Studio。

至此最精簡的打包過程就結束了。

下一篇將會整理一下在打包過程當中遇到的幾個問題。