cordova环境配置(android)

黄沙百战穿金甲,不破楼兰终不还。这篇文章主要讲述cordova环境配置(android)相关的知识,希望能为你提供帮助。

  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.
cordova环境配置(android)

文章图片

 
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=https://www.songbingjia.com/android/imageURI;
        }
        //失败后回调
        function takeFail(message) {
                navigator.notification.alert("拍照失败,原因:" + message);
【cordova环境配置(android)】        }
}
  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
 

    推荐阅读