cordova環境配置(android)

標籤：tool   success   color   最新   tail   命令   bundle   manager   本地   

1. 開啟命令列安裝全域cordova  npm install -g cordova   (這裡不要使用cnpm，會導致安裝不全，有很多坑)
2. 建立項目  create hello
3. cd hello
4. 安裝java開發套件(JDK)、Android SDK
5. 設定環境變數   系統變數->建立  紅色字型為自己的路徑

變數名：JAVA_HOME

變數值：D:\Program Files\Java\jdk1.8.0_73?

變數名：SDK_HOME

變數值：F:\BaiduYunDownload\adt-bundle-windows-x86_64-20140702\sdk

變數名：path

變數值：

D:\Program Files\Java\jdk1.8.0_73\bin;F:\BaiduYunDownload\adt-bundle-windows-x86_64-20140702\sdk\tools;F:\BaiduYunDownload\adt-bundle-windows-x86_64-20140702\sdk\platform-tools（注意分號）

變數名：classpath

變數值：

D:\Program Files\Java\jdk1.8.0_73\lib;D:\Program Files\Java\jdk1.8.0_73\lib\tools.jar;D:\Program Files\Java\jdk1.8.0_73\lib\dt.jar（注意分號）

6.報錯：缺少platform 26

7.從android-sdk-windows.7z中的SDK Manager.exe中下載最新的android 8.0.0(API 26)

8.

 

9.android update sdk --no-ui --all --filter "extra-android-m2repository"   (沒用)

10.下載gradle-4.2-all.zip解壓，在環境變數配置PATH   PATH=C:\Program Files\gradle-x.x\bin

11.hello(項目)>platforms>android>cordova>lib>builders>GradleBuilder.js下面找到

var distributionUrl = process.env[‘CORDOVA_ANDROID_GRADLE_DISTRIBUTION_URL‘] || ‘https\\://services.gradle.org/distributions/gradle-3.3-all.zip‘;

改成：

var distributionUrl = process.env[‘CORDOVA_ANDROID_GRADLE_DISTRIBUTION_URL‘] || ‘file:///D:/work/gradle-3.3-all.zip‘;

根據版本先從網上下載下來，在本地載入

1. 將index.html中的

<meta http-equiv="Content-Security-Policy" content="default-src ‘self‘ data: gap: https://ssl.gstatic.com ‘unsafe-eval‘; style-src ‘self‘ ‘unsafe-inline‘; media-src *; img-src ‘self‘ data: content:;">

刪除或改成：

<meta http-equiv="Content-Security-Policy">

不然js無法載入成功

1. 調用外掛程式----網路攝影機

cordova plugin add cordova-plugin-camera

在html中<button onClick="takePhoto()">拍照</button>

<img id="m1">

在js中

function takePhoto() {

    navigator.camera.getPicture(takeSuccess, takeFail, {

        destinationType : Camera.DestinationType.FILE_URI

    });

    //拍照成功後回調

    function takeSuccess(imageURI) {

        console.log(‘success‘ + imageURI);

        document.getElementById(‘m1‘).src=imageURI;

    }

    //失敗後回調

    function takeFail(message) {

        navigator.notification.alert("拍照失敗，原因：" + message);

    }

}

1. 調用外掛程式----在瀏覽器中開啟網頁

cordova plugin add cordova-plugin-inappbrowser

<button onclick="cordova.InAppBrowser.open(‘http://www.baidu.com‘, ‘_blank‘, ‘location=yes‘)"> Test InAppBrowser </button>

15.自訂外掛程式開發

http://m.blog.csdn.net/qq_23179075/article/details/77104276

 

cordova環境配置(android)