一、配置环境
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
}

cordova环境搭建,搭建项目,以及拍照功能的实现的更多相关文章

  1. Android开发技巧——Camera拍照功能

    本篇是我对开发项目的拍照功能过程中,对Camera拍照使用的总结.由于camera2是在api level 21(5.0.1)才引入的,而Camera到6.0仍可使用,所以暂未考虑camera2. 文 ...

  2. WIN7下搭建CORDOVA环境

    Cordova 环境搭建 1安装JDK 工具文件夹中:jdk目录 1)下载地址:http://www.oracle.com/technetwork/java/javase/downloads/inde ...

  3. cordova 环境搭建

    安装环境前题是nodejs已安装,android环境搭建完成,android环境没有通过http://www.androiddevtools.cn/安装,安装使用 淘宝 NPM 镜像 方式 1.运行c ...

  4. Cordova开发环境的搭建

    Cordova开发环境的搭建 原文地址:http://imziv.com/blog/article/read.htm?id=66 Cordova为目前做混合式开发中比较受欢迎的一个解决方案了,并且拥有 ...

  5. cordova环境搭建

    首先,需要了解一下cordova 和 phonegap 的关系.phoneGap是原先的名字,Cordova是phoneGap被捐给apache之后 用的项目名,phoneGap的名字也被保留了. 1 ...

  6. ArcGIS API for JavaScript开发环境搭建与发布以及基本功能实现

    1.背景介绍 ArcGIS API for JavaScript 咱这就不介绍了,具体可看ESRI中国的介绍:http://support.esrichina.com.cn/2011/0223/960 ...

  7. 搭建vue项目环境

    前言 在开发本项目之前,我对vue,react,angular等框架了解,仅限于知道它们是什么框架,他们的核心是什么,但是并没有实际使用过(angular 1.0版本用过,因为太难用,所以对这类框架都 ...

  8. Ionic2开发环境搭建、项目创建调试与Android应用的打包、优化

    Ionic2开发环境搭建.项目创建调试与Android应用的打包.优化. windows下ionic2开发环境配置步骤如下: 下载node.js环境,稳定版本:v6.9.5 下载android stu ...

  9. 转】[1.0.2] 详解基于maven管理-scala开发的spark项目开发环境的搭建与测试

    场景 好的,假设项目数据调研与需求分析已接近尾声,马上进入Coding阶段了,辣么在Coding之前需要干马呢?是的,“统一开发工具.开发环境的搭建与本地测试.测试环境的搭建与测试” - 本文详细记录 ...

随机推荐

  1. MYSQL中创建存储过程实现向表中循环插入数据

    首先在test数据库中先创建一个表test: CREATE TABLE test( ID INT PRIMARY KEY AUTO_INCREMENT ,test_name VARCHAR(20),t ...

  2. linq判断集合是否为空的方法

    Enumerable.Any 扩展方法可以判断集合为空: 如果不为空 if (!source.Any()) { //... }

  3. UIView画虚线边框

    //fatherView加虚线边框 -(void)boundingRectangleForView:(UIView *)fatherView{ CAShapeLayer *borderLayer = ...

  4. LightOj 1289 - LCM from 1 to n(LCM + 素数)

    题目链接:http://lightoj.com/volume_showproblem.php?problem=1289 题意:求LCM(1, 2, 3, ... , n)%(1<<32), ...

  5. Decimal To Fraction 小数转换成分数

    以0.25为例, 0.25 * 100 = 25, 求25 和 100 的最大公约数gcd. 25/gcd 为分子. 100/gcd为分母. //小数转分数 //0.3 -> 3/10, 0.2 ...

  6. 忘记Linux root用户的密码怎么办?

    以前忘记windows密码的时候,要么用工具清除,要么重装系统.假如你忘记了linux系统的root密码,怎么办呢?是像windows一样用工具破解还是重装系统呢?哈哈,都不用.这方法很简单,现在做一 ...

  7. 注解的基本盘点 -- 《Java编程思想》

    注解(元数据)为我们在代码中添加信息提供了一种形式化的方法,使我们可以在之后的某一个时刻非常方便地使用这些数据. ---<Java编程思想> 其实注解可以理解为一个工具类,只要使用了这个工 ...

  8. Maven聚合与继承的实例讲解(一)

    概述 在javaweb高速发展的今天,我们软件设计人员往往会用很多种方式对软件划分模块,目的就是为了能有清晰的设计和低耦合性的,高重用性的软件.Maven有很好的依赖管理系统(Dependency M ...

  9. Ajax请求中的async:false/true的作用

    async: false,(默认是true);false为同步,Ajax请求将整个浏览器锁死,只有tet.php执行结束后,才可以执行其它操作. 当async: true 时,ajax请求是异步的.但 ...

  10. size()

    jQuery 对象中元素的个数. 当前匹配的元素个数.与length将返回相同的值. 示例 描述: 计算文档中所有图片数量 HTML 代码: <img src="test1.jpg&q ...