Cordova day01 基本介绍

1 cordova 基本介绍

1.1 cordova 网站地址

1.2 什么是cordova

Cordova提供了一组设备相关的API,通过这组API,移动应用能够以JavaScript访问原生的设备功能,如摄像头、麦克风等。

Cordova还提供了一组统一的JavaScript类库,以及为这些类库所用的设备相关的原生后台代码。

Cordova支持如下移动操作系统:iOS, Android,ubuntu phone os, Blackberry, Windows Phone, Palm WebOS, Bada 和 Symbian。

一个移动开发框架

将HTML、CSS、JS封装为原始的App(Hybrid 混合App)

来自Adobe的PhoneGap产品

是Apache的顶级项目

1.3 Cordova 的优点和缺点

优点 缺点
跨平台,利于移植 不能使用设备的所有特性
能利用HTML5的各种特性 执行速度慢
开发快速、成本低 不像原生应用,与系统不协调

1.4 Cordova 平台在App开发的位置

2 Cordova的安装

Cordova 文档网址

2.1 安装Node.js 网址:https://nodejs.org 选择4.4.5 LTS版本

2.2 安装Cordova CLI命令行工具 npm install -g cordova;

2.3 用Cordova 创建项目

cordova create hello com.example.hello HelloWorld

cd hello

cordova platform add browser

cordova platform rm browser

cordova platform add android

cordova platform rm android

cordova build

2.4 Cordova 项目的目录结构

config.xml: Cordova的核心配置

hook: 自定义扩展功能

platform: 添加的运行时,例如Android,iOS,Browser等 注意不要修改这个文件

plugins: 引入的插件

www: 开发的目录

一般的做法是将www目录放到sublime工程目录中,或者打开WebStorm 导入www目录到工程中

2.5 建立一个项目 演示整个项目

浏览器显示项目

安卓模拟器显示项目

安卓真机显示项目

问题:cordova 建立的项目和phonegap建立的项目区别是什么?

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 175,702评论 25 709
  • 之前有个做ffmpeg的大神。由于公司开发app的过程中需要有音视频播放(后期会有直播)这一块,老总是一位5,60...
    ttdiOS阅读 9,424评论 14 7
  • 参考http://www.jianshu.com/p/e952fa42880eCordova官方文档 安装cord...
    丿小七阅读 4,367评论 0 3
  • 我想,最好的自己就是我被世周遭人事残酷对待,却依旧默默承受不委屈求全。 我很喜欢很喜欢那句"这城市风很大,孤独的人...
    月亮妹儿阅读 1,248评论 0 0
  • 有点失眠,每次在家学习的时候都感到十分的孤独。好像又回到了初中高中时候那种无助痛苦的时候。 最近特别喜欢听纯音乐,...
    西屿岛岸的暖阳阅读 1,274评论 0 0