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_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
}

时间: 2024-12-09 19:40:19

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

WIN7下搭建CORDOVA环境

Cordova 环境搭建 1安装JDK 工具文件夹中:jdk目录 1)下载地址:http://www.oracle.com/technetwork/java/javase/downloads/index.html 设置环境变量: JAVA_HOME= C:\Program Files\Java\jdk1.6.0_45 JRE_HOME=C:\Program Files\Java\jdk1.6.0_45\jre CLASSPATH=.;%JAVA_HOME%\lib\dt.jar;%JAVA_HO

sencha touch 2.3 结合cordova 环境搭建

sencha touch 2.3环境搭建必备工具 sencha touch 2.3 包sencha cmd 4.0以上JAVA JDK 1.7以上(注意JDK和JRE的区别)Ruby 1.9.3或更早版本android sdk 如果需要生成ANDROID APP 注意将jdk,ruby,sencha cmd都添加到环境变量PATH例jdk path: JAVA_HOME变量路径为C:\Program Files (x86)\Java\jdk1.7.0_67则JDK PATH为%JAVA_HOME

从零构建vue项目(一)--搭建node环境,拉取项目模板

本文是基于vuecli2搭建的项目. 1. 下载安装nodejs     地址:https://nodejs.org/en/download/ 选择安装版windows .msi, 不要选择压缩版 下载完成后,下一步-->下一步-->安装完成 npm:  node pageage mangemen node.js的包管理器, 集成到node.js中了. 验证node是否安装成功: 打开命令行(windows)或终端(mac),在命令行(终端)中输入: node -v 如果提示出版本信息则说明n

JBOSS安装与配置搭建本地项目环境(方便前端开发调式)

JBOSS安装与配置搭建本地项目环境  什么是JBOSS? JBOSS是EJB的服务器,就像Tomcat是JSP服务器一样,就是服务器的一种. 环境搭建如下: 一:首先安装JDK,配置环境变量(PATH,CLASSPATH,JAVA_HOME).       1. 网上下载JDK安装,我的下载如下: 点击安装,下一步,然后出现如下界面,更改文件目录如下: 我的jdk存放在D盘java文件下,点击[下一步]按钮后,出现如下: jre目录也放在D盘java下.点击[下一步]安装完成后,我在D盘jav

Java开发环境的搭建以及使用eclipse从头一步步创建java项目

一.java 开发环境的搭建 这里主要说的是在windows 环境下怎么配置环境. 1.首先安装JDK java的sdk简称JDK ,去其官方网站下载最近的JDK即可..http://www.oracle.com/technetwork/java/javase/downloads/jdk7-downloads-1880260.html 点击下载好的exe文件安装即可. 2.接下来我们需要配置环境变量 xp系统下  右键'我的电脑'--属性--高级 win7 系统下  右键'计算机'--属性--高

android项目实战-背呗单词DEV00-程序环境构架搭建

要开发项目当然要首先进行环境的搭建 我们这里使用的是eclipse+ADT 下载开发环境所需软件 1> JDK1.7 下载地址:百度云点我 官网地址:请点击我 2> Eclipse4.4 luna 下载地址:百度云点我 官网地址:请点击我 3> Android SDK Manager 24.0.2 下载地址:百度云点我 (特别说明:我的百度云已经包含了4.0.3和2.1的SDK) 官网地址:请点击我直接下载 4> ADT 24.0.2 下载地址:百度云点我 官网地址:请点击我直接下

vue.js:搭建开发环境及构建项目

发环境的搭建 安装node.js 直接下一步就好, 注意安装的位置 Node.js官网:https://nodejs.org/en/ 验证Node.js是否安装好,在windows下,win+r召唤出运行窗口,输入cmd打开命令行窗口.输入node -v即可得到对应的Node.js版本. npm包管理器是集成在Node.js中了,所以在安装Node.js的时候就已经自带了npm. 输入npm -v可得到npm的版本. 注意npm的版本需要在3.0.0以上版本,所以,如果npm的版本小于3.0.0

GEF(Graphical Editor Framework) Eclipse项目入门系列(2)---Draw2D开发环境的搭建

GEF(Graphical Editor Framework) Eclipse项目入门系列(1)---概述中,我们已经提到了Draw2D框架是GEF框架的重要组成部分.那么Draw2D的环境如何搭建起来呢?其实很简单,去Eclipse的官方网站下载一个Eclipse的开发环境(这一部门我就不再赘述,网上的资料很多).笔者本人的电脑上装的是Indigo,所以笔者将会以Eclipse Indigo为例子给大家演示Draw2D开发环境的搭建.具体情况,请见下面的步骤. (1) 打开Indigo Ecl

AngularJS初探:搭建PhoneCat项目的开发与测试环境

AngularJS官方网站提供了一个用于学习的示例项目:PhoneCat.这是一个Web应用,用户可以浏览一些Android手机,了解它们的详细信息,并进行搜索和排序操作. 对于PhoneCat项目的开发环境和测试环境的搭建,官方网站上提供了详细的指导:http://docs.angularjs.org/tutorial. 获取源代码 PhoneCat项目的源代码托管在GitHub上,因此获取源代码之前需要安装Git (http://git-scm.com/download).安装Git后,可以