CORDOVA

     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

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值