Ionic Android Platform Guide

Ionic Android Platform Guide

罗书棋  前端部落  6月5日

AndroidPlatform Guide

一、安装环境

1.安装jdksdk 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



 



3apk的生成位置




三、调试

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 [email protected] 
好像第2步与第一步重复,可以省略,执行后就ok 
然后 cordova run android 

 

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

3.真机调试日志

步骤如下

·        手机开启usb调试功能

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

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

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

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

 



·        点击该界面的 inspect 连接




 

报错:


翻墙:





四、发布

1.Android签名

猜你喜欢

转载自blog.csdn.net/xif3681/article/details/80857300