Ionic的內核還是Angular,是前端一個基於Angular的UI框架。
Cordova有兩個新功能:
- 主要用於引入插件調取手機設備的一些功能(提供一個橋樑共頁面和原生通信);
- 將前端代碼打包成Android和ios。
就像一個花生,最內層的花生仁是Angular,花生仁的表皮是ionic,而最外層的花生殼則是Cordova。
下面是我們的環境配置步驟:
首先:
npm install -g ionic [email protected]
然後需要安裝:
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