Cordova是一个工具,通过它可以将你做的html网页显示在WebView里面,而你网页中用到的JS可以通过他的API去调用原生的东西,比如照相机等。
一、1>、cordova提供了一组设备相关的API,通过这组API,移动应用能够以js访问原生的设备更能,如摄像头,麦克风等。
2>、cordova提供了一组统一的js移动类库,以及为这些类库所用的设备相关的原生后台代码。
3>、cordova支持如下操作系统:iOS,Android,Ubuntu phone os,blackberry,Windows phone,Plan WEBOS,bada和symbian。
二、Cordova/PhoneGap关系
Cordpva是贡献給Apache后的开源项目,是从PhoneGap中抽出的核心代码,是驱动PhoneGap的核心引擎。尓可以把它们的关系想象成类于Webkit和Google Chrome的关系。
三、 安装Cordova
创建app:
cordova create CordovaProject io,cordova.hellocordova CordovaApp
//cordova create test com.cordova.test test ( 创建cordova工程<文件夹名> <包名> <app名> )
添加平台:
cordova platform add android (也可以把android换成|I0S)
构建和运行:
cordova build android/ios/browser
启动模拟器:
cordova emulate android/ios/browser
运行程序:
cordova run android/ios/browser
检查你当前平台设置状况:
cordova platform ls
检测你是否满足构建平台的要求:
cordova requirements
[检测结果:]
JAVA JDK可以从:http://www.oracle.com/technetwork/java/javase下载。
四、文件名及作用
hooks :存放自定义cordova命令的脚本文件。每个project命令都可以定义before和after的Hook,比如: before_ build after_ build。 没用过,不展开了。
platforms :平台目录,各自的平台代码就放在这里,可以放一下平台专属的代码,现在这个目录应该是空的,后面介绍如何创建平台。
plugins :插件目录,安装的插件会放在这里。后面有文章绍开发插件。
www :最重要的目录,存放项目主题的HTML5和JS代码的目录。app-开始打开的就是这个目录中index.htm文件。
config.xml:主要是cordova的一些配置,比如:项目使用了哪些插件、应用图标icon和启动页面SplashScreen ,修改app的版本,名字等信息,还有平台的配置。
五、安装Android Studio
Start a new Android Studio project --- 创建一个新的Android项目
Open an existing Android Studio Project --- 打开已有的Android Studio项目
Import an Android code sample ---导入Android代码样例
Check out project from Version Control --- 从版本控制库中获取项目(团队开发)
Import project(Eclipse ADT, Gradle, etc.) --- 导入其他开发环境中的项目
Configure --- 设置。你可以在这里导入导出配置文件、管理插件和SDK,以及更新等等。
六、打开项目运行时 开 platforms -->android(配置模拟器)
七、分析运行:
打开scr下com.example.hello下的MainActivity.java。
Activity在启动的时候会首先调用onCreate方法。(安卓有关)
loadUrl(launchUrl);会在当前的WebView中去加载首页,当然这个首页是我们自己配置的,在res/xml/config.xml中。<content src="index.html" />。这个路径都是指的assets/www下的路径。
这样这个app启动的时候会首先调用这个MainActivity(当然这是在AndroidManifest.xml中配置的),然后Activity启动的时候会将index.html加载在其WebView中,然后我们就看到了Cordova的页面。
八、index页面里,会加载两个js文件。cordova.js就是cordova的api,调用原生内容用的,相当于jar包。
七、添加插件 --- cordova plugin add cordova-plugin-camera(插件名称)
卸载插件 --- cordova plugin remove cordova-plugin-camera
【更新cordova】
更新到最新版本: $ sudo npm update -g cordova
安装指定版本: $ sudo npm install -g cordova@3.1.0-0.2.0
查找最新的cordova版本: $ npm info cordova version
更新完cordova后,更新目标项目的平台: $ cordova platform update android --save