[置顶] 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文件。





   

















你可能感兴趣的:(android,Web,前端,AngularJS,APP,APP)