博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
iOS下JS与OC互相调用(七)--Cordova 基础
阅读量:6589 次
发布时间:2019-06-24

本文共 2140 字,大约阅读时间需要 7 分钟。

Cordova 简介

在介绍Cordova之前,必须先提一下PhoneGap。PhoneGap 是Nitobi软件公司2008年推出的一个框架,旨在弥补web 和iOS 之间的不足,使得web 和 iPhone SDK 之间的交互更容易。后来又加入了Android SDK 和BlackBerry SDK,再然后又陆续加入了更多的平台。 但是在2011年,Nitobi公司被Adobe收购,PhoneGap也被提交到Apache Incubator。由于Adobe现在拥有PhoneGap商标,PhoneGap v2.0版产品就更名为Apache Cordova。 据说Cordova是Nitobi团队当时坐落的街道名称,用此名来纪念Nitobi团队的贡献。Apache Cordova是从PhoneGap中抽出的核心代码,是驱动PhoneGap的核心引擎。

上图是目前Cordova支持的平台,摘自 ,它们分别是Android、iOS、Windows Phone、BlackBerry、ubuntu、火狐、LGwebOS、FireOS。

Cordova工程结构

从下面这幅图可以看出Cordova工程的结构,以及与Native API 之前的关系。

Get Started Fast

官网中也把Cordova 的使用划分了一些步骤。按照这五个步骤,可以很容易的创建一个Cordova Demo 工程起来,但是实际的使用要比这个Demo 工程复杂的多。

1. 安装Cordova

Cordova 命令行需要运行在   上,在  也可用。我们可以按照 去安装别的依赖平台。因此,在安装Cordova之前,要先安装Node.js 和 NPM(可以参考文章)。打开命令行提示符(Windows 下) 或者 终端 (Mac 下),然后输入 npm install -g cordova 即可安装Cordova。

如果安装失败,看到下面的错误提示信息,说明我们要用管理员身份安装。

以管理员身份安装Cordova的命令:

sudo npm install -g cordova复制代码

安装过程可能比较慢,安装成功后,可以看到类似如下的目录结构,并且没有错误信息:

2.创建一个工程

用命令行工具创建一个空的Cordova工程。首先跳转到 你希望保存新工程的文件夹(命令是 cd 文件夹路径),然后输入命令 cordova create 工程名。 当然,我们也可以直接 输入命令 cordova create 文件夹路径/工程名,在某个文件夹下直接创建工程。 查看更多的创建工程命令,可以输入命令 cordova help create

我在终端中输入如下命令:

cordova create /Users/harvey/Desktop/Other/MyApp 复制代码

然后在Other 文件夹中就创建了一个叫MyApp的文件夹: 目录结构如下:

3.添加平台

创建完Cordova 工程之后,跳转到工程文件夹(命令是 cd 文件夹路径)。 我这里使用的命令是:

cd /Users/harvey/Desktop/Other/MyApp复制代码

然后在这个文件夹中,我们需要添加一个 App 需要支持的平台。 添加一个平台,需要输入命令:

cordova platform add 
复制代码

例如我们需要支持浏览器,那么就输入:

cordova platform add browser复制代码

如果我们需要支持iOS,那么就输入:

cordova platform add ios复制代码

注意ios 要小写。

查看Cordova可以支持的平台,可以输入 :

cordova platform复制代码

我输入cordova platform之后,终端显示的结果:

HarveydeMac-mini:MyApp harvey$ cordova platformInstalled platforms:  browser 4.1.0  ios 4.2.1Available platforms:   amazon-fireos ~3.6.3 (deprecated)  android ~5.2.0  blackberry10 ~3.8.0  firefoxos ~3.6.3  osx ~4.0.1  webos ~3.7.0复制代码

Installed platforms 是我已经安装过的平台,Available platforms 是还可以安装的平台。

4.运行 App

使用命令行工具,运行App的命令是:

cordova run 
复制代码

例如,我想在浏览器中运行 App,我就在终端里输入:

cordova run browser复制代码

然后,就会打开浏览器,就会运行App。下面是我的命令和运行效果图:

当然,如果我们想要在iOS 上运行 App,我们也可以输入:

cordova run ios复制代码

也可以到指定目录下打开iOS 工程文件

查看更多的关于运行App 的命令,可以输入 cordova help run

转载地址:http://dqkio.baihongyu.com/

你可能感兴趣的文章
[LeetCode] 862. Shortest Subarray with Sum at Least K
查看>>
【分享】终端命令工具 自动生成vue组件文件以及修改router.js
查看>>
[LeetCode] Student Attendance Record I
查看>>
PHP回顾之多进程编程
查看>>
spring boot + redis
查看>>
Ajax技术细节
查看>>
nuxt.js部署vue应用到服务端过程
查看>>
删除数组中的指定元素 | JavaScript
查看>>
CSS3+JS实现静态圆形进度条【清晰、易懂】
查看>>
关于树形插件展示中数据结构转换的算法
查看>>
图片加载框架之Fresco
查看>>
Spotify开源其Cassandra编排工具cstar
查看>>
高性能web建站规则(将js放在页面底部)
查看>>
Java EnumMap工作原理及实现
查看>>
阐述Spring框架中Bean的生命周期?
查看>>
虚拟内存管理
查看>>
注水、占坑、瞎掰:起底机器学习学术圈的那些“伪科学”
查看>>
大数据小视角1:从行存储到RCFile
查看>>
JavaScript常用设计模式
查看>>
第18天:京东网页头部制作
查看>>