您的位置:首页 > 产品设计 > UI/UE

ionic打包成安卓包

2016-12-02 14:34 176 查看
1、下载JDK,找到电脑对应的版本http://www.oracle.com/technetwork/java/javase/downloads/jdk8-downloads-2133151.html
这里下载的版本是:jdk-8u20-windows-x64
环境配置参考:配置tomat运行环境说明
2、下载Apache Ant,下载对应的包
这里下载的版本是:apache-ant-1.9.6-bin.zip
解压后,放到一个位置:这里放在这里:D:\Program Files\Java\
配置环境变量
2.1、环境变量->新建(系统变量),添加如下信息
APCHE_ANT
D:\Program Files\Java\apache-ant-1.9.6
2.2、找到系统变量Path后面加上
如果最后又分号(;)就这样加
%APCHE_ANT%\bin;
如果最后没有分号(;)就这样加上
;%APCHE_ANT%\bin;
测试是否配置成功?
重新打开cmd输入如下信息

如果这个代码配置成功!
3、下载安卓sdk
下载地址:http://developer.android.com/sdk/index.html


选择第二个


点download the sdk now



这里下载的是:android-sdk_r24.4.1-windows.zip



解压路径放在:D:\Program Files\Java
想系统环境变量Path添加下面两个,在最后面添加(注意解压的并没有platform-tools文件夹,先别管
D:\Program Files\Java\android-sdk-windows\platform-tools;D:\Program Files\Java\android-sdk-windows\tools
找到路径:D:\Program Files\Java\android-sdk-windows打开SDK Manager.exe出现下图







反正我下载不到,后来去下面这个地址下载(你懂得)
或者下载地址:http://dl-ssl.google.com/android/repository/platform-tools_r23-windows.zip
解压把名字platform-tools后放到:D:\Program Files\Java\android-sdk-windows下
打开上面的SDK Manager.exe,把platform-tools升级到23.1版本
4.安装nodejs
node版本:v5.1.1
npm版本:3.3.12
略过
5.使用npm安装Cordova(版本5.4.1)
cmd打开,输入

6.使用npm安装ionic(版本1.7.11)

注意:如果上面安装不了,那么把镜像源只想淘宝的吧
找到nodejs安装路径:
D:\Program Files\nodejs\node_modules\下的文件npmnpmrc追加:
registry = http://registry.npm.taobao.org

然后再执行上面的命令,这样就快多了。
测试:
1、创建一个APP

之后会在路径:D:\wamp\www\gsy2.0\ionic\pack_test里头创建一个app文件夹
2、进入APP

3、选择配置Android环境

4、打包生成APP

注意:由于上面只是勾选了platform-tools来安装,这里就会报错

所以还要根据它的要求多安装一些东西。




再试一下:结果报了这个错

975d8

手动下载这个

解压后然后配置系统环境变量,在Path后添加,配置解压目录的bin文件夹下
这里的地址是:D:\Program Files\Java\gradle-2.2.1\bin
重新打开cmd
输入

有信息则代表配置成功

再运行

又报错了…..

已经离线下载了,但是运行上面的命令还是会去下面这个地址下载

解决方法:
找到项目地址

在build.js中找到

改为

其中gradle-2.2.1-bin.zip文件所在地址这里是

参考这个地址
http://stackoverflow.com/questions/29874564/ionic-build-android-error-when-download-gradle
再次运行

又报错,不想活了….

这里的报错是说环境配置问题,之前把grade放到了D盘,现在解压到C盘,所以环境变量配置要变为

再次运行,如果打开,要先关闭cmd



打包成功!
另外还有一个方法可以打包安卓apk
就是运行这个命令

发现安装成功



安装包生成在这里了。



之后把MainActivity-debug.apk这个放到安卓包安装



运行可以看到界面了

说明:本例子转自于http://blog.frontsucai.com/2016/01/ionic%E6%89%93%E5%8C%85%E6%88%90%E5%AE%89%E5%8D%93%E5%8C%85/;Null's blog
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  ionic 环境搭建 build