Cordova配置與WebApp混合開發環境配置

　　很久都沒來更新隨筆了，這陣子比較忙，不過仍是在不斷的學習當中，今天給你們分享一下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下載
成功就會顯示以下

apk的目錄以下：

項目路徑\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 
下面這兩條命令就能夠了，這個環境要當心配置，要否則很容易失敗的哦！但願各位配置的朋友都能成功，打包屬於咱們本身的APP！
cordova platform add android 

cordova build android

結束語：今天就分享到這裏，謝謝抽出時間閱讀的朋友們！