[置顶] Ionic项目打包Android版本实战

最近在带团队做一个前端用Ionic＋angularjs 的web app项目，由于自身不是做前端的，所以不太了解ionic，正好前端人员也是半吊子，所以只有自力更生学着自己打android包，在网上不断搜索打包方案，不断测试不断掉坑又不断解决再掉坑再解决后，终于在一天半时间android打包成功。接下来我把这些经验记录下来，希望能给大家提供参考和帮助。

配置Ionic下面android打包

1.安装Node.js
下载安装：http://nodejs.org/
安装完成之后打开PowerShell输入命令node -v和npm -v验证是否安装成功

2.安装ant
由于ant非常难装，所以我用brew安装

先安装brew

curl -LsSf http://github.com/mxcl/homebrew/tarball/master | sudo tar xvz -C/usr/local --strip 1

安装wget
brew install wget

安装ant
brew install ant

3.安装android sdk for mac

http://down.tech.sina.com.cn/page/45703.html

android sdk 下载后需要安装所需要的控件

命令行进入tools目录

然后输入 ./android sdk 请出SDK Manager的图形界面

Android SDK Manager -> Preferences

可以参照文章：
http://www.cnblogs.com/yjmyzz/p/4219829.html

此文章较靠谱。

配置android SDK环境靠谱文章

http://blog.csdn.net/jjmm2009/article/details/29595593

安装上面链接操作即可完成SDK在mac下的配置

配置androidSDK环境变量
输入cd ~/ 进入当前用户的home目录
1. 创建：
touch .bash_profile
2.打开并编辑：
open .bash_profile

配置文件这么些：

export ANDROID_HOME=/Users/liujian/Downloads/android-sdk-macosx/
export PATH=${PATH}:/Users/liujian/Downloads/android-sdk-macosx/platform-tools:/Users/liujian/Downloads/android-sdk-macosx/tools

环境配置参照：
http://cordova.apache.org/docs/en/dev/guide/platforms/android/index.html

环境配置好后，需要关闭终端重启一个终端

配置完成以后，需要验证是否安装

adb 如果不是找不到该命令，就OK

4.安装Cordova

npm install -g cordova

安装Ionic
npm install －g ionic

5.部署android打包环境：

ionic platform add android

进入Ionic

进入项目跟目录，比如：/Users/liujian/Downloads/wutongApp

命令：
添加支持android系统
ionic platform add android

显示支持平台列表信息
ionic platform list

显示：
bash-3.2# ionic platform list
Updated the hooks directory to have execute permissions
Installed platforms:
android 5.1.1
ios 3.8.0
Available platforms:
amazon-fireos ~3.6.3 (deprecated)
blackberry10 ~3.8.0
browser ~4.1.0
firefoxos ~3.6.3
osx ~4.0.1
webos ~3.7.0

执行打包命令：
ionic build android

备注：第一次会下载很多东西，需要耐心等待，第二次打包就快了

会在ionic项目的platforms下面生成android包

执行：
ionic run android

会把apk包安装到手机上，请先接好手机，需要在手机屏幕允许调试。

需要注意：ionic项目下www是app的源码会打到：platforms->android->build->outputs->apk 然后打成apk包，所以要保证www文件夹最新，而不是直接去替换assets下www文件。

更多相关文章

随机推荐