iOS 原生页面和H5页面交互

        在项目当中，多数情况会使用到Html5的页面，那么肯定会用到WKWebView，那么就肯定会涉及到路由跳转以及和js交互的部分， 今天主要讲的就是通过Url截取来和后台交互，控制页面跳转。页面内如果有需要使用到Native控件，则使用WVJavescripBrige来进行通信.

带参加载H5

        首先说一下加载H5页面时，经常需要传递参数到H5页面，我首先创建了一个NSURLRequest的分类（忽略分类名）

@implementationNSURLRequest (HtmlPost)

+(instancetype)CreatPostWith:(NSString*)BaseUrl WithApString:(NSString*)urlstring WithParameter:(NSDictionary*)parameter

{

    NSURL*url = [NSURLURLWithString: [NSStringstringWithFormat:@"%@%@",BaseUrl,urlstring]];

    NSString* body = [selfgetParameterString:parameter];

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

    [requestsetHTTPMethod:@"POST"];

    [requestsetHTTPBody: [body dataUsingEncoding: NSUTF8StringEncoding]];

    returnrequest;

}

NSURLRequest * url = [NSURLRequest CreatPostWith:YQFH5baseURL WithApString:houseaddH5Url WithParameter:nil];

 [self.webviewloadRequest:url];

这样就可以达到传参到H5的功能， 但是我有一个问题一直没有解决，有部分手机在断点打印时可以看到request里的body是有数据， 但是发到后台时，后台没有收到数据， 如果谁知道这个问题怎么解决请联系下我！

URL截取

-(void)webView:(WKWebView*)webView decidePolicyForNavigationAction:(WKNavigationAction*)navigationAction decisionHandler:(void(^)(WKNavigationActionPolicy))decisionHandler

{

    WKNavigationActionPolicy policy = WKNavigationActionPolicyAllow;

    NSString* tmpUrl = [navigationAction.request.URL absoluteString];

    if([tmpUrl containsString:@"success"]) {

        [self showRemindAlertWithText:@"操作成功"];

        policy =WKNavigationActionPolicyCancel;

        [self poptoViewController];

    }

    else if([tmpUrl containsString:@"error"]) {

        [self showRemindAlertWithText:[self getParamer:tmpUrl][@"msg"]];

        policy =WKNavigationActionPolicyCancel;

    }

    decisionHandler(policy);

}

从代码里可以看到 成功的很简单，统一处理为操作成功

这里主要说的是url的解析  我们项目中在出错后会传回data = {code = 0，msg = “描述”，加任意参数}

我们先在外部直接将URL 转string  通过判断string是否包含success或者error来判断操作成功与否    操作成功时都不允许跳转新的url页面

    NSString* tmpUrl = [navigationAction.request.URL absoluteString];

在进行解析

-(NSDictionary *)getParamer:(NSString *)str

{

//stringByRemovingPercentEncoding 这个方法能够直接将URL的ABSOULTString 转化为string    NSArray * tmpArray = [str.stringByRemovingPercentEncoding componentsSeparatedByString:@"="];

    //由于约定  所以只获取了下标为1的string 进行解析  具体场景具体处理 主要提供一个思路

 NSString * paramStr = tmpArray[1];

   //{code：1，msg：“”}；解析这类数据

 NSData *jsonData = [paramStr dataUsingEncoding:NSUTF8StringEncoding];

 NSError *err;

 NSDictionary *parameter = [NSJSONSerialization JSONObjectWithData:jsonData

 options:NSJSONReadingMutableContainers

 error:&err];

 if(err)

 {

 NSLog(@"json解析失败：%@",err);

 return nil;

 }

 return parameter;

}    

解析出需要的字典类型。由此Native和页面间交互（类似一些保存，新增某些元素）。

由于项目工期，前端表示某个控件不太好完成， app端也没时间完成整个页面， 我们选择使用WVJavascripBrige 通信的方式来让js调取我的控件。整体WVJavascripBrige 集成很简单， git上介绍很清晰，要注意的地方是，WKWebview的navigationDelegate不需要设置，直接使用    [self.bridge setWebViewDelegate:self];就可以了， 如果WKWebview.navigationDelegate设置为self 会导致收不到NavigationACtion的回调