写在前面,平复心态:
//治大国,若烹小鲜,以道莅天下,其鬼不神。非其鬼不神,其神不伤人。非其神不伤人,圣人亦不伤人。夫两不相伤,故德交归焉。
心塞,wkweb遇到了一些问题,忙活半天找不到问题,解决过后却发现很简单,在下面标注:首先,如果之前用的是UIWebView的话,那么不仅iOS前段需要改动,web前段也需要改动。其次,如果之前是用的http转https也有一些注意点。上代码吧:
@interface SignUpInViewController ()<WKUIDelegate,WKScriptMessageHandler,WKNavigationDelegate>
//初始化页面
- (void)initWKWebView
{
//进行配置控制器
WKWebViewConfiguration *configuration = [[WKWebViewConfiguration alloc] init];
//实例化对象
WKUserContentController* userContentController = [WKUserContentController new];
//调用JS方法
[userContentController addScriptMessageHandler:self name:@"login"];
configuration.userContentController = userContentController;
// configuration.preferences.javaScriptEnabled = YES;
WKPreferences *preferences = [WKPreferences new];
preferences.javaScriptCanOpenWindowsAutomatically = YES;
preferences.minimumFontSize = 0.0;
preferences.javaScriptEnabled = YES;
configuration.preferences = preferences;
self.webView = [[WKWebView alloc] initWithFrame:self.view.frame configuration:configuration];
NSURL *fileURL = [NSURL URLWithString:@"https://www.tingting365.com/index11.html"];
[self.webView loadRequest:[NSURLRequest requestWithURL:fileURL]];
self.webView.navigationDelegate = self;
self.webView.UIDelegate = self;
[self.view addSubview:self.webView];
}
这是WKWebView的初始化,有两个注意点1,WKUserContentController最好重新创建在进行赋值,其二:WKPreferences同理。代理方法不多赘述。
WKWeb和js交互原理网上很多,我这儿实现的方式就一行代码[userContentControlleraddScriptMessageHandler:selfname:@"login"];这里js方法名就是@“login”。放入之后再代理方法里面进行回调和识别(加判断,和login一样),代码如下
#pragma mark - WKScriptMessageHandler
- (void)userContentController:(WKUserContentController *)userContentController didReceiveScriptMessage:(WKScriptMessage *)message
{
// message.body -- Allowed types are NSNumber, NSString, NSDate, NSArray,NSDictionary, and NSNull.
NSLog(@"body:%@",message.body);
if ([message.name isEqualToString:@"login"]) {
NSLog(@"😁哈哈");
}
}
好了,我心塞的一点来了:我这儿https没有做认证,搞了一个投机的方式:
- (void)webView:(WKWebView *)webView didReceiveAuthenticationChallenge:(NSURLAuthenticationChallenge *)challenge completionHandler:(void (^)(NSURLSessionAuthChallengeDisposition disposition, NSURLCredential * _Nullable credential))completionHandler{
if ([challenge.protectionSpace.authenticationMethod isEqualToString:NSURLAuthenticationMethodServerTrust]) {
NSURLCredential *card = [[NSURLCredential alloc]initWithTrust:challenge.protectionSpace.serverTrust];
completionHandler(NSURLSessionAuthChallengeUseCredential,card);
}
}
oc代码很简单,就是上面两个代理方法就好了,js代码也不麻烦,直接上代码吧:
JS:login方法如下:
if(window.login){
// 我这儿需要的登录回调方法,可用可不要。
window.login.call(window,swUser);
}else{
//alert("login 方法没有为空")
}
//swUser就是call方法
//这一句一定要加,一定要加,一定要加
window.webkit.messageHandlers.login.postMessage(swUser);
17年7月26日更新:
有朋友问我,window.webkit.messageHandlers.login.postMessage(swUser);
已经加了,wkweb
的代理写的也没有问题,为什么didReceiveScriptMessage
代理方法不调用?
原因如下
// 这是固定格式,一定要注意。。'parameter'可替换但是不能省略,一定要传参数,在与web协商的时候要注意,否则OC的didReceiveScriptMessage代理方法不会调用的
window.webkit.messageHandlers.ActionName.postMessage('parameter');