zoukankan      html  css  js  c++  java
  • 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 FilesJavajdk1.8.0_73

    变量名:SDK_HOME

    变量值:F:BaiduYunDownloadadt-bundle-windows-x86_64-20140702sdk

    变量名:path

    变量值:

    D:Program FilesJavajdk1.8.0_73in;F:BaiduYunDownloadadt-bundle-windows-x86_64-20140702sdk ools;F:BaiduYunDownloadadt-bundle-windows-x86_64-20140702sdkplatform-tools(注意分号)

    变量名:classpath

    变量值:

    D:Program FilesJavajdk1.8.0_73lib;D:Program FilesJavajdk1.8.0_73lib ools.jar;D:Program FilesJavajdk1.8.0_73libdt.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 Filesgradle-x.xin

    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

  • 相关阅读:
    JavaScript 定时器
    JavaScript 面向对象
    JavaScript 数组Array
    JavaScript 基础
    HTML 基础
    HTML 常用标签
    python 线程/进程模块
    python GIL锁
    python 网络编程--socket模块/struct模块
    python 异常处理,约束
  • 原文地址:https://www.cnblogs.com/jingouli/p/7761872.html
Copyright © 2011-2022 走看看