最近在带团队做一个前端用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文件。