1. 概述

Cordova是用web技术构建移动应用平台。

可以认为Cordova是一个容器,用于将web应用一直到移动端,同时支持移动端的功能,比如摄像头,蓝牙,定位等。

cordovaphoneGap贡献给Apache的开源项目。https://cordova.apache.org

如果说PhoneGapChrome浏览器的话,那么Cordova就相当于Webkit

Cordova的优势是学习成本低,开发速度快,对前端工程师友好,跨平台可以实现一套代码多端部署。

Cordova开发App性能不如原生,而且跨浏览器兼容性差,存跨平台兼容性。

Cordova分文Web App, webview, 插件三部分。

1. 环境搭建

  1. Node.js

  2. Git

  3. Android(JDK,Android Studio, Gradle)

  4. Xcode

npm install ios-sim -g
npm install ios-deploy -g

环境变量配置

JAVA_HOME,ANDROID_HOME,ANROID_SDK_ROOT

2. 初始化项目

npm install -g cordova

cordova -v

创建项目

cordova create HelloCordova io.cordova.hellocordova CordovaApp

// HelloCordova 目录名称
// io.cordova.hellocordova 唯一标识
// App的名称

添加平台,默认是没有平台的

cd HelloCordova
# 浏览器
cordova platform add browser
# 安卓
cordova platform add android --save
# 查看
cordova platform ls

运行

# 浏览器运行
cordova run browser
# 真机调试
cordova run android
# 模拟器启动
cordova emulate android

cordova就相当于一个npm的包,只是这个包允许调用一些原生的功能。

项目结构

index.html
    meta
        Content-Security-Policy 内容安全策略,放置跨站脚本攻击的。
        format-detection 格式检测
        msapplication-tap-highlight windows上的触碰高亮
        viewport 视口
        color-scheme 多种主题模式

cordova.js 平台构建后才会出现的文件

config.xml 项目的主配置文件。

转载须知

如转载必须标明文章出处文章名称文章作者,格式如下:

转自:【致前端 - https://madaozhijian.com】 Hybird开发混合app  "隐冬"