本文分享了如何在无任何相关环境的Windows系统下将ionic项目打包成apk文件的方法
需要的工具有:node.js;cordova;ionic;jdk;安卓sdk;
进入nodeJs官网http://nodejs.org/download/下载电脑系统对应的最新的windowsInstaller(.msi)文件,下载完成后安装,可选择安装在指定的盘内,这里安装在C:\Program Files\nodejs文件夹中;
在最新版的nodeJs中,npm随着一块安装的,安装成功后以管理员方式打开控制台(下同)输入node –v会显示对应的node版本号,输入npm –v会显示对应的npm版本号
打开nodeJs安装文件夹,在里面分别新建全局模块node_global和node_cache,打开node_globa文件夹,在里面新建一个node_modules用于存放全局模块
打开控制台,输入npm config set prefix"C:\Program Files\nodejs\node_global"回车
npm configset cache"C:\ProgramFiles\nodejs\node_cache"回车
打开计算机属性——高级系统属性——高级——环境变量
在系统变量下新建变量,变量名为NODE_PATH,变量值为node_global 里面的node_modules对应的路径,这里为C:\Program Files\nodejs\node_global\node_modules;
在用户变量下修改PATH,在后面添加node_global的路径,这里为C:\Program Files\nodejs\node_global;
注意若PATH变量值后面没有分号,需要添加英文字符分号再在后面添加node_global路径
上述步骤完成之后可以安装一个模块测试
npm install nrm –g
安装完成之后运行nrm –v会显示对应版本号,当然可以利用nrm选择taobao镜像下载node其他模块
(以上两个步骤也是使用nodeJs开发的必须步骤)
进入jdk官网http://www.oracle.com/technetwork/java/javase/downloads/jdk8-downloads-2133151.html下载对应的版本,64位下载jdk-8u121-windows-x64.exe
下载完成后直接安装,中间还要提示安装一个jre,直接点击下一步即可,注意jdk和jre不能安装在同一个文件夹,这里jdk安装在 C:\Program Files\Java\jdk1.8.0_121中,jre安装在C:\Program Files\Java\jre1.8.0_121中
打开计算机属性——高级系统属性——高级——环境变量
在系统变量中新建变量JAVA_HOME,变量值为jdk安装目录,这里为C:\Program Files\Java\jdk1.8.0_121
在系统变量中修改Path变量值,在末尾加上%JAVA_HOME%\bin;%JAVA_HOME%\jre\bin;注意若末尾之前没有分号需要加上
在系统变量中新建变量CLASSPATH,变量值为.;%JAVA_HOME%\lib;%JAVA_HOME%\lib\tools.jar;注意前有一个点
以上配置完成jdk环境变量,打开控制台输入java –version回车显示对应版本号,安装成功
下载安卓sdk安装包https://dl.google.com/android/installer_r24.4.1-windows.exe
下载完成后点击安装到指定的文件夹,建议安装位置所在的磁盘容量足够大,这里安装到C:\Program Files (x86)\Android\android-sdk
打开计算机属性——高级系统属性——高级——环境变量
在系统变量下修改Path变量值,在里面分别添加上安卓sdk安装文件夹中的 platform-tools文件夹路径和tools
文件夹路径,若没有platform-tools文件夹,可新建一个。注意若Path值后面没有分号,需要加上英文分号。
这里添加的值为C:\Program Files (x86)\Android\android-sdk\platform-tools; C:\ProgramFiles (x86)\Android\android-sdk\tools
打开控制台输入adb回车,出现安卓Debug 版本号和下面一堆说明,表示配置成功。
以管理员方式打开安卓sdk安装文件夹中的SDK Manger,如果网速足够好,且时间充足,且当前磁盘容量足够大(剩余空间在40G以上),请参考此文下载安装相关文件http://www.cnblogs.com/kangjianwei101/p/5621238.html;
若以上三个条件不满足,那就选择仅选择tools中的默认选中的三个,安卓最高版本中的手机、平板部分以及SDK Platforms、Sources for Android SDK这些文件,边喝茶边等下载。
打开控制台运行
npm install –g cordova回车
npm install –g ionic回车
若安装ionic后显示cordova版本过低,请升级cordova
npm update –g cordova
安装完成后控制台输入cordova –v回车和ionic –v回车会显示版本信息
新建一个文件夹并进入,按住shift鼠标右键运行控制台,新建Ionic项目
ionic start myApp
添加到安卓平台
ionic platform add android
生成apk文件
ionic build android
打包之前若需要配置apk信息,请参考此文http://m.blog.csdn.net/article/details?id=52248764
打包完成后会提示生成的apk文件位置,在myApp文件中的platforms\android\build\outputs\apk中
1)创建ionic项目提示缺少json文件:缺少ionic.config.json文件
方法:找到C:\Users\你的电脑名\.ionic中的ionic.config文件拷贝到myApp中添加后缀json
2)打包过程中出现错误:
Error: Failed to find 'ANDROID_HOME'environment variable. Try setting setting i
t manually.
Failed to find 'android' command in your'PATH'. Try update your 'PATH' to inclu
de path to valid SDK directory.
原因:没有配置安卓sdk环境变量或环境变量配置错误
3)安装SDK Manager工具包出现错误:
Failed tocreate directory C:\ Program Files\Android\android-sdk\temp
方法:以管理员方式运行SDK Manager
4)安装SDK Manager工具包出现错误:
Stopping ADB server failed (code -1).
原因:安卓sdk未配置环境变量或环境变量配置错误
5)注意勿将英文字符中文
9.最后附上几张手机上运行官方模板的效果图
参考链接:
http://jingyan.baidu.com/article/6dad5075d1dc40a123e36ea3.html
http://blog.csdn.net/pengpegv5yaya/article/details/51885829
http://jingyan.baidu.com/article/f71d603757965b1ab641d12a.html