您的位置:首页 > 移动开发 > Android开发

Ionic项目打包Android版本实战

2016-05-08 15:41 561 查看
        最近在带团队做一个前端用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文件。


   
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息