在项目当中，多数情况会使用到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的回调
网友评论