好久都沒來更新隨筆了,這陣子比較忙,不過還是在不斷的學習當中,今天給大家分享一下Cordova的配置與搭建WebApp混合開發環境的配置。
准備好了嗎?讓我們一步步來咯!!!
1.配置JDK環境
用的是1.8的版本,網上很多地方可以下載,這里就不上鏈接了
下載安裝好后再本地配置sdk環境變量,如圖,點擊桌面(計算機)->右鍵屬性->高級系統設置->系統屬性面板高級->點擊環境變量->在下面框中的系統變量中新建
配置以下三個變量,不清楚的建議去百度jdk環境變量設置,百度上講的更加清楚
鏈接:http://jingyan.baidu.com/article/6dad5075d1dc40a123e36ea3.html
JAVA_HOME D:\Program Files\Java\jdk1.8.0_112//這個路徑根據你安裝JDK的環境對應其地址
PATH %JAVA_HOME%\bin;%JAVA_HOME%\jre\bin; CLASSPATH
.;%JAVA_HOME%\lib;%JAVA_HOME%\lib\tools.jar//注意不要漏了前面的點
2.下載Android SDK
推薦國內的android-studio下載
然后配置Android SDK環境,ANDROID_HOME定位到你的SDK文件夾的根目錄
ANDROID_HOME D://android-sdk-windows //對應你的SDK文件夾的目錄
重啟電腦
Cordova安裝
1.下載Node.js
node官網下載安裝
2.在mac終端運行下面命令,輸入密碼安裝cordova
sudo npm install -g cordova
sudo是因為需要管理員權限,-g是全局安裝
cordvoa官網命令行幫助
如果電腦已經裝有git的朋友可以直接在一個新建的文件夾里右鍵點擊Git Bash Here
執行npm install -g cordova
命令安裝cordova
3.執行以下代碼創建一個cordvoa應用
在上面說的那個新建的文件里右鍵點擊Git Bash Here
輸入cordova create hello com.example.hello HelloWorld 回車執行
第一個參數是文件目錄,第二個參數是app id, 第三個參數是顯示的title
ANDROID打包
4.定位到hello目錄文件夾,為項目安裝平台模塊
cd hello 執行這條命令:cordova platform add android
5.生成APK文件
執行這條命令:cordova build android
遇到這個問題就是gradle下載失敗了,可以嘗試拿圖中的鏈接手動下載然后把它放到對應的系統文件下,如下,注意版本一定要對應上
C:\Users\Administrator\.gradle\wrapper\dists\gradle-2.14.1-all\4cj8p00t3e5ni9e8iofg8ghvk7

gradle-2.14.1-all.zip下載地址
或者android-studio下載
成功就會顯示如下
項目路徑\test\platforms\android\build\outputs\apk
6.更改應用桌面圖標
在cordova生成項目的跟目錄創建res文件夾將自己選好的圖標圖片用PS改好大小放入該文件夾中
然后更改config.xml文件
ldpi : 36x36 px
mdpi : 48x48 px
hdpi : 72x72 px
xhdpi : 96x96 px
xxhdpi : 144x144 px
xxxhdpi : 192x192 px
<platform name="android">
<allow-intent href="market:*" />
<icon src="res/android/36.png" density="ldpi" />
<icon src="res/android/48.png" density="mdpi" />
<icon src="res/android/72.png" density="hdpi" />
<icon src="res/android/96.png" density="xhdpi" />
<icon src="res/android/144.png" density="xxhdpi" />
<icon src="res/android/192.png" density="xxxhdpi" />
</platform>
然后重新打包App就有圖標了。
一切弄好測試成功后,以后要打包什么項目就可以把你要打包的東西放到WWW那個文件里,然后刪除platforms文件夾里的東西,再執行
下面這兩條命令就可以了,這個環境要小心配置,要不然很容易失敗的哦!希望各位配置的朋友都能成功,打包屬於我們自己的APP!
cordova platform add android
cordova build android
結束語:今天就分享到這里,謝謝抽出時間閱讀的朋友們!