当前位置: 首页 > 编程日记 > 正文

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.0ios 4.2.1
Available platforms: amazon-fireos ~3.6.3 (deprecated)android ~5.2.0blackberry10 ~3.8.0firefoxos ~3.6.3osx ~4.0.1webos ~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

相关文章:

在linux上MySQL的三种安装方式

安装MySQL的方式常见的有三种&#xff1a;方式一&#xff1a;rpm安装(1) 操作系统发行商提供的(2) MySQL官方提供的&#xff08;版本更新&#xff0c;修复了更多常见BUG&#xff09;www.mysql.com/downloads关于MySQL中rpm包类型的介绍&#xff1a;MySQL-client 客户端…

通过libjpeg-turbo实现对jpeg图像的解码

之前在https://blog.csdn.net/fengbingchun/article/details/89715416中介绍过通过libjpeg-turbo接口实现将数据编码或压缩成jpeg数据并通过FILE的fwrite接口将其直接保存成*.jpg图像&#xff0c;当时用的是libjpeg的接口&#xff0c;其实还可以使用turbojpeg api的接口即tjCom…

AI+大数据顶级技术盛会开幕在即,6.6折特惠票限时抢购

2019年12月5-7日&#xff0c;由中国计算机学会主办&#xff0c;CCF 大数据专家委员会承办&#xff0c;CSDN、中科天玑数据科技股份有限公司协办的中国大数据技术大会&#xff08;BDTC 2019&#xff09;将于北京长城饭店隆重举行。届时&#xff0c;超过百位顶尖技术专家将齐聚于…

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

1.新建工程&#xff0c;添加Cordova 关键类 我这里用Xcode 8 新建了一个工程&#xff0c;叫 JS_OC_Cordova,然后将Cordova关键类添加进工程。 有哪些关键类呢&#xff1f; 这里添加config.xml 、Private 和 Public 两个文件夹里的所有文件。工程目录结构如下&#xff1a; 然后…

iOS多线程编程之NSOperation和NSOperationQueue的使用

使用 NSOperation的方式有两种&#xff0c; 一种是用定义好的两个子类&#xff1a; NSInvocationOperation 和 NSBlockOperation。 另一种是继承NSOperation 如果你也熟悉Java&#xff0c;NSOperation就和java.lang.Runnable接口很相似。和Java的Runnable一样&#xff0c;NSOpe…

Swift - 使用SwiftHTTP通过HTTPS进行网络请求,及证书的使用

&#xff08;本文代码已升级至Swift3&#xff09;一&#xff0c;证书的生成&#xff0c;以及服务器配置参考我前面写的这篇文章&#xff1a;Tomcat服务器配置https双向认证&#xff08;使用keytool生成证书&#xff09;文章详细介绍了HTTPS&#xff0c;SSL/TLS。还有使用key to…

Linux下通过v4l2获取视频设备名、支持的编解码及视频size列表实现

早些时候给出了在Windows下通过dshow获取视频设备信息的实现&#xff0c;包括获取视频设备名、获取每种视频设备支持的编解码格式列表、每种编解码格式支持的video size列表&#xff0c;见&#xff1a;https://blog.csdn.net/fengbingchun/article/details/102806822 下面给出…

12种主流编程语言输出“ Hello World ”,把我给难住了!

作为一名程序员&#xff0c;在初步学习编程想必都绕不开一个最为基础的入门级示例“Hello World”&#xff0c;那么&#xff0c;你真的了解各个语言“Hello World”的正确写法吗&#xff1f;在我们刚开始打开编程世界的时候&#xff0c;往往写的第一个程序都是简单的文本输出&a…

军哥lnmp一键安装包nginx支持pathinfo配置

ssh里执行&#xff1a;cat > /usr/local/nginx/conf/pathinfo.conf << EOF set $real_script_name $fastcgi_script_name; if ($fastcgi_script_name ~ "(.?\.php)(/.*)") { set $real_script_name $1; set $path_info $2; } fastcgi_param SCRIPT_FILENAM…

Effective STL 50条有效使用STL的经验笔记

Scott Meyers大师Effective三部曲&#xff1a;Effective C、More Effective C、Effective STL&#xff0c;这三本书出版已很多年&#xff0c;后来又出版了Effective Modern C。 Effective C的笔记见&#xff1a;https://blog.csdn.net/fengbingchun/article/details/102761542…

HTTPS网络加密双向验证-使用AFNetworking封装

1.首先使用OC封装请求头 #import <Foundation/Foundation.h> #import "AFNetworking.h" interface HttpsHandler : NSObject (AFHTTPSessionManager *)setHttpsMange; end 2.实现方法 (AFHTTPSessionManager *)setHttpsMange; { NSString *certFilePath […

30分钟搞定数据竞赛刷分夺冠神器LightGBM!

作者 | 梁云1991来源 | Python与算法之美&#xff08;ID:Python_Ai_Road)【导读】LightGBM可以看成是XGBoost的升级加强版本&#xff0c;2017年经微软推出后&#xff0c;便成为各种数据竞赛中刷分夺冠的神兵利器。一&#xff0c;LightGBM和XGBoost对比正如其名字中的Light所蕴含…

js模块化例子

最近在看一本书&#xff0c;里面提到js的模块化&#xff0c;觉得很有必要&#xff0c;所以记录下来 Game.js /*** This is the main class that handles the game life cycle. It initializes* other components like Board and BoardModel, listens to the DOM events and* tr…

swift3.0提示框新用法

var alert: UIAlertController! alert UIAlertController(title: "提示", message: "添加照片", preferredStyle: UIAlertControllerStyle.actionSheet) let cleanAction UIAlertAction(title: "取消", style: UIAlertActionStyle.cancel,han…

FFmpeg在Windows上通过dshow编解码方式设置为mjpeg并实时显示测试代码

Windows上默认的内置摄像头一般支持两种编解码格式&#xff1a;rawvideo和mjpeg。在调用FFmpeg接口时默认的采用rawvideo。这里通过DirectShow实现为mjpeg进行编解码。 通过命令行调用FFmpeg可执行文件&#xff1a; (1). 可获取Windows上连接的视频设备&#xff0c;命令如下&…

基于深度学习的低光照图像增强方法总结(2017-2019)| CSDN博文精选

扫码参与CSDN“原力计划”作者 | hyk_1996来源 | CSDN博客精选之前在做光照对于高层视觉任务的影响的相关工作&#xff0c;看了不少基于深度学习的低光照增强&#xff08;low-light enhancement&#xff09;的文章[3,4,5,7,8,9,10]&#xff0c;于是决定简单梳理一下。光照估计&…

ios多线程和进程的区别(转载)

很想写点关于多进程和多线程的东西&#xff0c;我确实很爱他们。但是每每想动手写点关于他们的东西&#xff0c;却总是求全心理作祟&#xff0c;始终动不了手。 今天终于下了决心&#xff0c;写点东西&#xff0c;以后可以再修修补补也无妨。 一.为何需要多进程&#xff08;或者…

OC封装的轮播图-只用调用即可

先来使用方法 1.//创建显示本地图片view UIView *imageScorll[WTImageScroll ShowLocationImageScrollWithFream:CGRectMake(0, 0, SCREENWIDTH, 200) andImageArray:array andBtnClick:^(NSInteger tagValue) { NSLog("点击的图片----%",(tagValue)); self.didSele…

多核时代,并行编程为何“臭名昭著”?

作者 | Yan Gu来源 | 转载自知乎用户Yan Gu【导读】随着计算机技术的发展&#xff0c;毫无疑问现代计算机的处理速度和计算能力也越来越强。然而细心的同学们可能早已注意到&#xff0c;从2005年起&#xff0c;单核的 CPU 性能就没有显著的提升了。究其原因&#xff0c;是人们发…

Linux下获取usb视频设备vendor id和product id的8种方法

在使用usb摄像头获取视频时&#xff0c;有时需要获取此摄像头供应商ID(vendor id, vid)和产品ID(product id, pid)&#xff0c;这里在Linux下提供获取vid和pid的8种方法&#xff1a; 1. 通过v4l2中结构体v4l2_capability的成员变量card&#xff1a;此变量中会包含设备名、vid、…

JAVA 设计模式 模板方法模式

定义 模板方法模式 (Template Method) 定义了一个操作中的算法的骨架&#xff0c;而将部分步骤的实现在子类中完成。模板方法模式使得子类可以不改变一个算法的结构即可重定义该算法的某些特定步骤。模板方法模式是所有模式中最为常见的几个模式之一&#xff0c;是基于继承的代…

这类程序员成华为宠儿,分分钟秒杀众应届毕业生

近日&#xff0c;华为20亿奖励员工的新闻频频刷屏。其中20亿奖金不是面向所有的华为员工&#xff0c;20亿奖金包涉及到的是研发体系、造AI芯片和建设生态的员工。从5G开始部署以来&#xff0c;华为获得了来自全球各地运营商的订单&#xff0c;签订了40多个5G商用合同。另外华为…

Swift 使用CoreLocation获取定位与位置信息

大多数情况下APP会在开启应用的时候获取当前的位置&#xff0c;所以我写在APPDelegate里第一步 import CoreLocationvar locationManager CLLocationManager() 第二步func application(application: UIApplication, didFinishLaunchingWithOptions launchOptions: [NSObject: …

FFmpeg在Windows上设置dshow mjpeg编码+libyuv解码显示测试代码

之前在https://blog.csdn.net/fengbingchun/article/details/103444891中介绍过在Windows上通过ffmpeg dshow设置为mjpeg编解码方式进行实时显示的测试代码。这里测试仅调用ffmpeg的mjpeg编码接口&#xff0c;获取到packet后&#xff0c;通过libyuvlibjpeg-turbo对mjpeg进行解码…

转:浅谈Linux的内存管理机制

一 物理内存和虚拟内存 我们知道&#xff0c;直接从物理内存读写数据要比从硬盘读写数据要快的多&#xff0c;因此&#xff0c;我们希望所有数据的读取和写入都在内存完成&#xff0c;而内存是有限的&#xff0c;这样就引出了物理内存与虚拟内存的概念。 物理内存就是系统硬件提…

swift3.0阿里百川反馈

闲言少叙 直接上不熟 1.导入自己工程阿里百川demo中的Util文件,并引用其中的头文件 2.剩余就是swift3.0代码.在自己需要的地方书写 (前提是你已经申请了APPKey) 3.代码 //调用意见反馈 func actionOpenFeedback(){ //key self.appKey "此处填写自己申请的key" s…

通俗易懂:8大步骤图解注意力机制

作者 | Raimi Karim译者 | 夕颜出品 | AI科技大本营&#xff08;ID:rgznai100&#xff09;【导读】这是一份用图片和代码详解自注意力机制的指南&#xff0c;请收好。BERT、RoBERTa、ALBERT、SpanBERT、DistilBERT、SesameBERT、SemBERT、MobileBERT、TinyBERT和CamemBERT的共同…

Windows上VS2017单步调试FFmpeg源码的方法

之前在https://blog.csdn.net/fengbingchun/article/details/90114411 介绍过如何在Windows7/10上通过MinGW方式编译FFmpeg 4.1.3源码生成库的步骤&#xff0c;那时只能生成最终的库&#xff0c;却不能产生vs工程&#xff0c;无法进行单步调试。GitHub上有个项目ShiftMediaProj…

ormlite 多表联合查询

ormlite 多表联合查询 QueryBuilder shopBrandQueryBuilder shopBrandDao.queryBuilder(); QueryBuilder shopQueryBuilder shopDao.queryBuilder();Where shopBrandWhere shopBrandQueryBuilder.where(); shopBrandWhere .eq(ShopBrand.SHOP_NO, shopNo);Where shopWhere …

C++中关键字volatile和mutable用法

C/C中的volatile关键字和const对应&#xff0c;用来修饰变量&#xff0c;用于告诉编译器该变量值是不稳定的&#xff0c;可能被更改。使用volatile注意事项&#xff1a; (1). 编译器会对带有volatile关键字的变量禁用优化(A volatile specifier is a hint to a compiler that …