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

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

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

1、安裝ionic

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

npm install -g cordova ionic

可以通過查看版本號來測試是否安裝成功，如果顯示版本號即安裝成功。

windows：

ionic -v

mac：

ionic -version

2、創建ionic項目

安裝成功后，即可開始創建項目了

ionic start ionic-app tabs

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

項目創建完之后，目錄結構如下

www就是開發的項目源碼

platforms下面就是編譯后的項目，下面應該有2個子目錄android和ios，分別針對不同的平台

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

3、打包成APP

進入項目目錄：

cd ionic-app

添加對應的框架：

ionic platform add ios
ionic platform add android

編譯：

ionic build ios
ionic build android

模擬器中運行：

ionic emulate ios
ionic emulate android

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

cordova build -release android

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

打包android可以在windows/mac上進行，需要預先安裝jdk和android Studio。

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

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