• cordova环境搭建,搭建项目,以及拍照功能的实现


    一、配置环境
    1、配置java环境:
    下载对应系统环境的jdk:http://www.oracle.com/technetwork/java/javase/downloads/index-jsp-138363.html
    安装jdk并配置环境变量

    2、配置android环境:
    准备android开发工具:
    64位系统解压:adt-bundle-windows-x86_64-20140702.zip
    32位系统解压:adt-bundle-windows-x86-20140702.zip
    配置环境变量:
    将sdk里面的tools目录的完成路径配置到path中,如:
    D:eclipse_javaeesdk_apiandroid-sdk_r24.1.2-windowsandroid-sdk-windows ools;

    3、安装nodejs:http://nodejs.cn/

    4、安装git支持:https://git-scm.com/download(可能需FQ)

    5、安装cordova :npm install -g cordova

    6、安装ANT:cordova项目打包是用ant完成,所以需要安装ant。
    下载地址: http://ant.apache.org/bindownload.cgi
    配置环境变量(写入path中):D:Program Filesapache-ant-1.9.7-binapache-ant-1.9.7in;

    7、测试环境安装配置成功
    java环境测试: java -version
    android环境测试:android -h
    nodejs环境测试:node -v
    git环境测试:git --version
    ant环境测试:ant -version
    cordova环境测试:cordova --version



    二、项目创建
    1、新建项目:
    cordova create hello(路径) com.test.hello(id) HelloWorld(入口页)
    (括号内容不要写!)

    2、目录结构
    config.xml cordova的核心配置信息
    www 开发目录,HTML5代码书写地方
    plugins 引入的插件
    platforms 已经添加的运行时(运行的环境)
    hooks 自定义的扩展功能

    3、添加运行时(目标平台)
    注:切换至项目的根目录
    cordova platform add android

    4、创建原生项目
    cordova build android //只针对Andorid平台编译
    5、源码初窥
    index.js
    app根对象,初始化方法initialize,这个方法中调用了bindEvents方法,在此方法中进行了对deviceready事件的监听(这有在这个事件执行后,才能使用其他的插件),事件触发回调函数onDeviceReady方法,进入这个方法后,又交给receivedEvent方法中具体处理。

    三、插件安装
    1、插件文档
    Apache cordova documentation(官方API文档)http://cordova.apache.org/docs/en/latest/
    plugin registry(更多插件)---plugins.cordova.io
    2、安装插件
    cordova plugin add cordova-plugin-camera
    3、插件使用
    navigator.camera..getPicture(successCallback, errorCallback, options);

    function successCallback() {
    var image = document.getElementById('myImage');
    image.src = imageURI;
    }

    function errorCallback(message) {
    alert('Failed because: ' + message);
    }

    var options = {
    quality: 50,
    destinationType: Camera.DestinationType.FILE_URI
    }

  • 相关阅读:
    理解Promise函数中的resolve和reject
    一行代码 去除滚动条
    django开发前准备工作
    居中select中的option选项
    setTimeout中第一个参数
    利用es6解构赋值快速提取JSON数据;
    需要删除远程分支,刚好有正在别的分支做的事情
    vue项目处理dpr和多屏幕适配问题
    使用mockjs模拟后端返回的json数据;
    移动端页面中点击input输入框的时候弹出的键盘将输入框挡住的问题
  • 原文地址:https://www.cnblogs.com/zlj123/p/6004891.html
Copyright © 2020-2023  润新知