WebApp cordova 入门

最新推荐文章于 2023-05-14 14:03:35 发布

zhaihaohao1

最新推荐文章于 2023-05-14 14:03:35 发布

阅读量265

点赞数

分类专栏：学习

学习专栏收录该内容

7 篇文章 0 订阅

订阅专栏

转载地址：http://www.jianshu.com/p/e1f08db7e214

现在做项目为了节约成功，适配多平台 cordova不为是一个很好的选择。个人觉得以后也许是一个趋势！像一些知名的APP 比如支付宝淘宝好多都大量集成了HTML5 页面！像我们公司现在的APP 大多都是h5页面感觉原生都没什么事情做了。可想而知学习cordova的重要性！

简介

Cordova提供了一组设备相关的API，通过这组API，移动应用能够以JavaScript访问原生的设备功能，如摄像头、麦克风等。Cordova还提供了一组统一的JavaScript类库，以及为这些类库所用的设备相关的原生后台代码。Cordova支持如下移动操作系统：iOS, Android,ubuntu phone os, Blackberry, Windows Phone, Palm WebOS, Bada 和 Symbian。

入门第一步：下载资源库并集成到项目中来

去下载cordova 库的源码可以去github上下载也可以去官网下载。其实官网上的代码也是放到github上的！

https://github.com/apache/cordova-ios 资源下载地址

http://cordova.apache.org/ 官方网站

使用 CocoaPods进行第三方库的管理我之前用的是cordova3.8.0 前几天不久更新到了4.0.1 。 4.0.1 只支持8.0以上以下的你用CocoaPods 更新会提示错误！注意一下就可以了！

platform :ios, '8.0'

pod 'Cordova', '~> 4.0.1'

入门第二步：如何在项目中正确的集成 cordova4.0.1 库

1. 配置 Config.xml 很重要

Config.xml is a global configuration file that controls many aspects of a cordova application's behavior. This platform-agnostic XML file is arranged based on the W3C'sPackaged Web Apps (Widgets)specification, and extended to specify core Cordova API features, plugins, and platform-specific settings.For projects created with the Cordova CLI (described inThe Command-Line Interface), this file can be found in the top-level directory:

大致意思就是: config.xml 是一个全局配置文件，控制一个cordova应用行为的许多方面。这种平台无关的XML文件是基于w3c'spackaged Web应用程序设置（widgets）规范，并扩展到指定核心cordovaAPI功能，插件和平台的具体设置。与科尔多瓦CLI创建的项目（描述在命令行界面)

http://cordova.apache.org/docs/en/6.x/config_ref/index.html 官方详解

2. 显示html5页面需要一个容器在这里使用CDVViewController类进行html5的显示以及控制当然也可以自定义一个容器继承CDVViewController类做一些定制功能。

如何使用如下:

self.cordovaManageVC= [[CordovaManageVCalloc]init];

self.cordovaManageVC.startPage=@"http://www.baidu.com";

[self.navigationControllerpushViewController:self.cordovaManageVCanimated:YES];

3. 设置用户代理

- (instancetype)init {

self= [superinit];

if(self!=nil) {

//设置用户代理如不设置无法调用与H5定制的JavaScript方法进行交互

NSString* original = [CDVUserAgentUtiloriginalUserAgent];

NSString* userAgent = [originalstringByAppendingString:@"delegateUserName"];

self.baseUserAgent= userAgent;

}

returnself;

}

4. 自定义插件需要使用到 cordova的CDVPlugin类用子类来集成CDVPlugin

/**

*返回控件

*@param command

- (void)back:(CDVInvokedUrlCommand*)command;

定制完成之后需要在confing.xml 进行配置

以上就是cordova 最基本的用法了；顺便再贴出自己之前弄的一个简单的Demo

https://github.com/TzyTman/cordova_Demo

简介