使用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。

至此最精简的打包过程就结束了。

下一篇将会整理一下在打包过程当中遇到的几个问题。