Ionic Android Platform Guide

Ionic Android Platform Guide

 

AndroidPlatform Guide

一、安装环境

1.安装jdk和sdk及 gradle安装

2.配置环境变量

(1)JAVA-HOME

下载地址:http://www.oracle.com/technetwork/java/javase/downloads/jdk8-downloads-2133151.html

(2)ANDROID_HOME

android开发工具下载

http://www.androiddevtools.cn/

(3)GRADLE_HOME

GRADLE_HOME=C:\Program Files\SDK\gradle-4.1

(4)Path

;%PATH%;%GRADLE_HOME%\bin;%JAVA_HOME%\bin;%ANDROID_HOME%\bin;D:\Program Files (x86)\SDK\tools;D:\ProgramFiles (x86)\SDKplatform-tools;

3.查看

(1)jdk安装完成,在cmd中,输入$ java -version验证是否安装成功。

(2)输入$ android -h,如果出现一大堆指令,说明你的SDK安装无误,并且环境变量配置OK

(3)测试命令(查看版本):gradle -v

4.打开SDK目录下的SDKManager.exe可以在该界面选择需要下载的package

先勾选如下图的三个Tools:

分别是[ Android SDKTools,Android SDK platform-tools,Android SDK Build-tools]

还有[SDKplatform]

全部选中后,点右下角install packages 来安装。

二、打包

1.创建一个app图标

ionic resources -icon :

应用图标最少要1024px*1024px大小,以png/psd/AI格式保存在项目目录下的:resource/android/icon.png ;

ionic resources --splash :

启动画面的源文件至少需要2208px×2208px; 保存在项目目录下:保存格式为resource/android/splash.png 

2.使用打包命令

确保SDK,JDK没问题以后,使用指令

ionic cordova platform add android

debug编译:

cordova build android

debug的包,没有签名,不能发布。

把这个apk文件放到android上运行,发现看可以运行成功。

$ioniccordovabuildandroid--release

 

3.apk的生成位置

三、调试

1.模拟器调试

模拟器调试也就是启动android模拟器,然后在模拟器上看效果。在使用android模拟器之前下载对应体系的模拟器。

在命令行下运行:android sdk

找到需要的android版本,比如android6。然后看图中重点标记的三个选项,分别是:

  • ARM EABI v7a     System Image

  • Intel x86     Atom System Image

  • Intel x86     Atom_64 System Image

要使用X86模拟器的话,需要安装英特尔硬件加速执行管理器,

直接在SDK安装是不行的: notcompatible with windeows。提示与windows不兼容。

直接去官网下载安装包,安装即可。下载地址

安装出错:

重启电脑,按F1设置:打开intelTV-x

重新安装:

安装之后,需要先通过 avd 工具创建一个模拟器。

运行命令: android avd

打开创建模拟器的可视化界面:

通过这个界面,可以创建和修改android模拟器。

以上的参数可以根据自己的实际情况来测试,也可以按照上图来创建一个模拟器。

启动模拟器看看效果:点击start

 

报错:

说明HAXM 没有安装成功,回到上一步。

启动成功之后,可以看到以下界面:

至此,模拟器创建并启动成功,接下来将应用放到模拟器上运行。

运行命令:cordova emulate android

可以看到如下界面。

2.真机调试

在手机上开机USB调试

1)将手机和电脑用USB数据线连接

设置——》关于手机
找到版本号那个选项,然后连续点击多次(好像5次或者7次,可能不同型号不一样),点击完之后会提示手机已经是开发者模式了。然后返回,可以看到有个开发者选项,点进去,打开USB调试即可。

 

2)执行命令

cordova run android

报错:

cordova run android 报错node960UnhandledPromiseRejectionWarning:

根本问题是上面的报错,cordova-android版本高于需求版本,需求版本低于6.3.0

1.   cordova platform rm android

2.   cordova platform remove android

3.   cordova platform add android@6.0.0 
好像第2步与第一步重复,可以省略,执行后就ok 
然后 cordova run android 

 

手机上会打开那个app的界面:

3.真机调试日志

步骤如下

·        手机开启usb调试功能

·        usb数据线将手机与电脑相连接

·        chrome最新版本打开以下链接:chrome://inspect/#devices

·        onic 项目根目录下执行 cordova runandroid

·        刷新 chrome://inspect/#devices 界面,查看界面效果

·        点击该界面的 inspect 连接

报错:

翻墙:

四、发布

1.Android签名

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值