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

image
遇到這個問題就是gradle下載失敗了,可以嘗試拿圖中的鏈接手動下載然后把它放到對應的系統文件下,如下,注意版本一定要對應上

C:\Users\Administrator\.gradle\wrapper\dists\gradle-2.14.1-all\4cj8p00t3e5ni9e8iofg8ghvk7

gradle-2.14.1-all.zip下載地址
或者android-studio下載
成功就會顯示如下

image
apk的目錄如下:

項目路徑\test\platforms\android\build\outputs\apk

6.更改應用桌面圖標

在cordova生成項目的跟目錄創建res文件夾將自己選好的圖標圖片用PS改好大小放入該文件夾中
image
然后更改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

結束語:今天就分享到這里,謝謝抽出時間閱讀的朋友們!



 

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM