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

Posted 2020-08-16

一、配置环境
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_javaee\sdk_api\android-sdk_r24.1.2-windows\android-sdk-windows\tools;

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 Files\apache-ant-1.9.7-bin\apache-ant-1.9.7\bin;

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
}