专栏首页哈雷彗星撞地球iOS下JS与OC互相调用(七)--Cordova 基础

iOS下JS与OC互相调用(七)--Cordova 基础

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支持的平台,摘自Cordova官网,它们分别是Android、iOS、Windows Phone、BlackBerry、ubuntu、火狐、LGwebOS、FireOS。

Cordova工程结构

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

摘自官网

Get Started Fast

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

** 1. 安装Cordova ** Cordova 命令行需要运行在 Node.js 上,在 NPM 也可用。我们可以按照 platform specific guides 去安装别的依赖平台。因此,在安装Cordova之前,要先安装Node.js 和 NPM(可以参考文章Mac 下安装Node.js)。打开命令行提示符(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 <platform name>

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

cordova platform add browser

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

cordova platform add ios

注意ios 要小写。

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

cordova platform

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

HarveydeMac-mini:MyApp harvey$ cordova platform
Installed platforms:
  browser 4.1.0
  ios 4.2.1
Available 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 <platform name>

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

cordova run browser

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

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

cordova run ios

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

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

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • iOS下JS与OC互相调用(八)--Cordova详解+实战

    由于项目中Cordova相关功能一直是同事在负责,所以也没有仔细的去探究Cordova到底是怎么使用的,又是如何实现JS 与 OC 的交互。所以我基本上是从零开...

    Haley_Wong
  • 设计模式中的设计原则

    翻了三本书《设计模式之禅》、《设计模式:可复用的面向对象软件元素》、《Head First 设计模式》,也看了不少博客和关于设计模式原则的文章。关于设计模式有几...

    Haley_Wong
  • RunLoop总结:RunLoop的应用场景(五)阻止App崩溃一次

    今天要介绍的RunLoop应用场景感觉很酷炫,我们可能不常用到,但是对于做Crash 收集的 SDK可能会用得比较频繁吧。相比关于RunLoop 可以让应用起死...

    Haley_Wong
  • 1455: C语言实验题――数字串求和

    描述:求s=a+aa+aaa+aaaa+aa…a的值,其中a是一个1~9的数字。例如2+22+222+2222+22222(此时共有5个数相加)。 输入:输入...

    bboysoul
  • matplot 同时绘制多个图形(一)

    matplotlib.pyplot中的subplot()函数可以用来在一张画布上绘制多个图形。

    用户6021899
  • 机器学习 - 精度评价

    Python sklearn.metrics 提供了很多任务的评价指标,如分类任务的混淆矩阵、平均分类精度、每类分类精度、总体分类精度、F1-score 等;以...

    AIHGF
  • 使用ASP.NET Core 3.x 构建 RESTful API - 4.3 HTTP 方法的安全性和幂等性

    例如 HTTP GET 和 HTTP HEAD 就被认为是安全的,但需要注意的是,这并不意味着执行GET请求就不会引起其它的资源操作,在表面之下,你的服务层有可...

    solenovex
  • 他们与百万年薪,梦寐以求的名校Ph.D曾肩而过

    又到了高考报专业的时候,家长帮孩子们选择专业看似很平常,毕竟在他们眼里,孩子还只是孩子,拿不准未来到底干什么。

    double
  • matplotlib - Pyplot 教程

    matplotlib.pyplot 是命令样式函数的集合,使matplotlib像MATLAB一样工作。 每个pyplot函数对图形进行一些更改:例如,创建图形...

    YINUXY
  • 字符串长度最大乘积

    版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。 ...

    喜欢ctrl的cxk

扫码关注云+社区

领取腾讯云代金券