Windows系统下将ionic项目打包成apk文件的方法

本文分享了如何在无任何相关环境的Windows系统下将ionic项目打包成apk文件的方法

需要的工具有:node.js;cordova;ionic;jdk;安卓sdk;

1.  安装nodeJs

进入nodeJs官网http://nodejs.org/download/下载电脑系统对应的最新的windowsInstaller(.msi)文件,下载完成后安装,可选择安装在指定的盘内,这里安装在C:\Program Files\nodejs文件夹中;

在最新版的nodeJs中,npm随着一块安装的,安装成功后以管理员方式打开控制台(下同)输入node –v会显示对应的node版本号,输入npm –v会显示对应的npm版本号

2.配置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开发的必须步骤)

3.安装jdk并配置环境变量

进入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回车显示对应版本号,安装成功

4.安卓安卓sdk并配置环境变量

下载安卓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 版本号和下面一堆说明,表示配置成功。

5.安装安卓开发工具包文件

以管理员方式打开安卓sdk安装文件夹中的SDK Manger,如果网速足够好,且时间充足,且当前磁盘容量足够大(剩余空间在40G以上),请参考此文下载安装相关文件http://www.cnblogs.com/kangjianwei101/p/5621238.html;

若以上三个条件不满足,那就选择仅选择tools中的默认选中的三个,安卓最高版本中的手机、平板部分以及SDK Platforms、Sources for Android SDK这些文件,边喝茶边等下载。

6.安装cordova和ionic

打开控制台运行

npm install –g cordova回车

npm install –g ionic回车

若安装ionic后显示cordova版本过低,请升级cordova

npm update –g cordova

安装完成后控制台输入cordova –v回车和ionic –v回车会显示版本信息

7.创建ionic项目并打包

新建一个文件夹并进入,按住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中

8.可能出现的问题

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

猜你喜欢

转载自blog.csdn.net/weixin_36185028/article/details/54933166