Ionic的内核还是Angular,是前端一个基于Angular的UI框架。
Cordova有两个新功能:
- 主要用于引入插件调取手机设备的一些功能(提供一个桥梁共页面和原生通信);
- 将前端代码打包成Android和ios。
就像一个花生,最内层的花生仁是Angular,花生仁的表皮是ionic,而最外层的花生壳则是Cordova。
下面是我们的环境配置步骤:
首先:
npm install -g ionic cordova@8.1.2
然后需要安装:
Nodejs:v10.17.0
Jdk:1.8.0_231
Gradle:6.0(在官网上下载:https://gradle.org/next-steps/?version=6.0.1&format=all)
Ionic
Cordova:8.1.2
安装Android SDK:
- 安装Android SDK(下载地址:https://developer.android.com/sdk/index.html,直接默认路径安装即可);
- 配置环境变量:
新建一个环境变量,变量名:ANDROID_HOME,变量值:D:\adt-bundle-windows-x86_64-20140702\sdk(以你安装目录为准,确认里面有tools和add-ons等多个文件夹),点击确认;
在用户变量PATH后面加上变量值;%ANDROID_HOME%\platform-tools;点击确认即可。 在系统变量path中添加;D:\adt-bundle-windows-x86_64-20140702\sdk\tools
-
验证是否成功:打开cmd,输入“adb”,回车,看是否安装成功,然后输入Android,启动Android SDK Manager。
然后添加安卓平台:
ionic cordova platform add android
在项目的config.xml中:
在platforms\android\CordovaLib\build.gradle中:
然后就可以开始打包:
ionic cordova build android --release --prod