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 [email protected]
好像第2步与第一步重复,可以省略,执行后就ok了
然后 cordova run android:
手机上会打开那个app的界面:
3.真机调试日志
步骤如下
· 手机开启usb调试功能
· usb数据线将手机与电脑相连接
· 用chrome最新版本打开以下链接:chrome://inspect/#devices
· onic 项目根目录下执行 cordova runandroid
· 刷新 chrome://inspect/#devices 界面,查看界面效果
· 点击该界面的 inspect 连接
报错:
翻墙: