cordova环境配置(android)

Posted 2020-10-12 金钩梨

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