IOS开发入门之Cordoval运用技巧分析-职坐标

IOS开发入门之Cordoval运用技巧分析

凌雪 2018-10-23 来源：网络阅读 1272 评论 0

摘要：本文将带你了解IOS开发入门之Cordoval运用技巧分析，希望本文对大家学IOS有所帮助。

本文将带你了解IOS开发入门之Cordoval运用技巧分析，希望本文对大家学IOS有所帮助。

iOS开发中Cordoval运用技巧分析。

一：关于Cordoval理论知识

1:PhoneGap是手机平台上流行的一款中间件。它构建在各种手机平台所提供的WebView（浏览器内核）组件的基础之上，使用javascript语言对应用开发者提供统一的接口（如调用相机、调用其他本地组件），从而屏蔽了各手机平台上OS的异构。在无线小组的调研任务中，我的任务主要是负责iOS平台上的调研，本文简单描述了iOS平台上PhoneGap与平台本地的互操作性的实现。

2:PhoneGap因为被捐赠给了Apache而改名为Cordova，所以PhoneGap里的类名都以CDV作为前缀。在iOS平台上，最重要的一个核心类是CDVViewController。该类直接继承自UIViewController，因而具备了所有UIViewController所具备的特性。同时，该类还实现了两个Protocol（即接口）：UIWebViewDelegate和CDVCommandDelegate。因此它也负责UIWebView的一些callback，以及CDVInvokedUrlCommand的执行。

3:CDVViewController类的主要对象成员是CDVCordovaView *webView，在源代码中可以看出，这个webView对象是CDVViewController的self.view上的唯一被add进来的子对象，即负责了整个CDVViewController类的显示。而CDVCordovaView类则没什么特别的，它直接继承自UIWebView。

4:当CDVViewController在构建时，它有两个很重要的属性：NSString*wwwFolderName和NSString *startPage。这两个属性值使得CDVViewController在load之后直接加载wwwFolderName下的startPage作为初始显示的页面。

以上是对CDVViewController的一个简单介绍。容易明白的是，在iOS应用中使用了CDVViewController之后，界面实际上就完全交给了CDVCordovaView*webView，即一个UIWebView。

二：使用Cordoval常碰到的问题

config.xml 是一个用来配置应用的全局属性的文件, 在此文件中配置的属性应该是能适应所有平台的. 在编译的时候配置文件将会被编译到对应的平台中.

1：如何在Cordoval加载远程的URL网址

在Config.xml配置文件时增加下面两个，便可以打开URL的HTML页面

</allow-navigation></allow-navigation>

2：在Cordoval中加载同一个域的URL是在APP打开，跳转到其它却是用safari浏览器打开

同样是在Config.xml配置中把下面两个删除，这样它便会一直在APP里面进行跳转

2.1：禁用 WebViewBounce

UIWebView是iOS SDK中一个最常用的控件, 在Cordova中, 默认也是使用UIWebView作为默认视图显示我们的HTML应用的.
在使用Cordova的项目中, 默认WebViewBounce这个选项是打开的, 所以使用手指向下或者向上滑动屏幕时, 经常会看到页面底部和屏幕底部会出现一大片空白, 然后松开手指后, 再弹回去的特效.

2.2：config.xml access配置

只允许google.com Access to google.com:

</access>

只允许google.com的https协议 Access to the secure google.com (https://):

</access>

二级域名(maps) Access to the subdomain maps.google.com:

</access>

所有二级域名 Access to all the subdomains on google.com, for example mail.google.com and docs.google.com:

</access>

所有域名 Access to all domains, for example, google.com and developer.mozilla.org:

</access>

2.3：config.xml Navigation Whitelist

说明:webview可以跳转至的URL

<!-- Wildcards are allowed for the protocol, as a prefix

to the host, or as a suffix to the path -->

<!-- A wildcard can be used to whitelist the entire network,

over HTTP and HTTPS.

*NOT RECOMMENDED* -->

</allow-navigation></allow-navigation></allow-navigation></allow-navigation></allow-navigation></allow-navigation>

2.4：config.xml Intent Whitelist

说明:系统可以打开的链接

<!-- Wildcards are allowed for the protocol, as a prefix

to the host, or as a suffix to the path -->

<!-- Allow all unrecognized URLs to open installed apps

*NOT RECOMMENDED* -->

</allow-intent></allow-intent></allow-intent></allow-intent></allow-intent></allow-intent></allow-intent></allow-intent>

2.5：config.xml Network Request Whitelist

说明:网络请求(如XHR等)白名单

</access></access></access></access></access></access>

2.6：index.html Content Security Policy

说明:页面上的资源白名单

主要分这几类:default-src,style-src,script-src,img-src,font-src,media-src 等

参数值可以是:*,'self','unsafe-inline',data: 等

我使用的是非常宽松的策略:

允许所有域名的数据,允许不安全的内联,允许data:(主要用于BASE64形式的图片,字体等)

3：如何加载不同的启动页URL地址

在配置Config.xml文件中有个content的节点，里面默认是有一个打开本地的地址index.html(比如：);这个就是跳转到本地包里面的html页面，也可以修改成(比如：)；

上面这种只是修改默认的地址，可能不符合对于项目实际用法，项目中要加载Cordova都会有一个viewController的控制器继承于CDVViewController，它时就有一个属性startPage用于设置跳到webView加载的html页面；其中使用CDVViewController通常需要设置wwwFolderName的目录名称，和startPage首页的名称即可。默认wwwFolderName为www,startPage默认为index.html;这个也是模板直接生成时文件的名称；

self.viewController.startPage=@"//www.cnblogs.com";

4：如何加载HTML页面存放在盒沙中

self.viewController = [[MainViewController alloc] init];

NSString *curFilePath=[NSString stringWithFormat:@"file://%@/www",[NSSearchPathForDirectoriesInDomains(NSDocumentDirectory, NSUserDomainMask, YES) objectAtIndex:0]];

NSLog(@"路径为:%@",curFilePath);

if ([[NSFileManager defaultManager] fileExistsAtPath:curFilePath]) {

self.viewController.wwwFolderName = curFilePath;

}

self.viewController.startPage=@"index.html";

同样是在wwwFolderName上做文章，因为它是前缀文件夹的路径，这边要注意是关于路径要运用file://方式进行读取；

因为可以读取沙盒里面的HTML页面，这样我们就可以更加灵活运用，比如HTML通过服务端去下载到沙盒解压，这样就可以做到动态修改；

5:加载页面跟结束加载页面的监听，有两个通知可以监听，用来处理等待效果展现

- (void)viewDidLoad

{

[super viewDidLoad];

// Do any additional setup after loading the view from its nib.

NSNotificationCenter *center = [NSNotificationCenter defaultCenter];

[center addObserver:self

selector:@selector(onNotification:)

name:CDVPluginResetNotification // 开始加载

object:nil];

[center addObserver:self

selector:@selector(onNotificationed:)

name:CDVPageDidLoadNotification // 加载完成

object:nil];

}

- (void)onNotification:(NSNotification *)text{

NSLog(@"－－－－－开始等待------");

}

- (void)onNotificationed:(NSNotification *)text{

NSLog(@"－－－－－结束等待------");

}

6:刷新UIWebView,UIWebView直接更改url并reload是没有用的。必须声明一个NSURLRequest，并重新loadRequest。刷新时的url必须是符合Cordova规则的url。在Cordova源码中有一个appUrl的方法，通过这个方法转出的url才能被CDVViewController正常加载;

localWebVC.wwwFolderName = @"www";

localWebVC.startPage = @"local.html";

NSURL *url = [self.localWebVC performSelector:@selector(appUrl)];

if (url)

{

NSURLRequest *request = [[NSURLRequest alloc] initWithURL:url];

[self.localWebVC.webView loadRequest:request];

}

7:使用pod管理Cordoval及其插件(IOS8以上才可以使用到最新版本)

pod 'Cordova'

如果需要引入一些相关的插件，可以加入如下配置，下面的这些插件可以通过pod搜索到：

pod 'CordovaPlugin-console'