1.
最近接到一个模块迁移的功能,就是把H5页面的某个功能模块嵌入的App中...其中涉及到一些原生和JS交互,cookie认证的问题。。。我这里涉及的cookie是token的回传,登录验证是native
2.
OK,js和native交互的这个很好解决,最烦人的是cookie问题,当然【UIWebView】是真的‘香’,Cookie问题人家自行就给解决了,代价就是内存增加了100MB+,呵呵。。。
3.
内存问题,我随即更换了【WKWebView】,加载页面很快,内存很亮眼,退出控制器也释放占用,但是,这个‘但是’,一出现‘但是’就没好事儿。。。对吧,这个但是就是H5页面总提示“账户未登录”,登录返回的“token”设置后,“web”不能获取到。。。呵呵。。。
小贴士:
UIWebView 支持全局的cookie可以共享 NSHTTPCookieStorage单利中的cookie而WKWebView不能共享( WKWebView存储cookie的路径和NSHTTPCookieStorage存储cookie的路径目前是不同的 ?)
4.
遇到的问题
- NSURLRequset添加"Cookie"
小贴士:
- NSURLRequset的子类NSMutableURLRequest可以设置【allHTTPHeaderFields】属性的值,可以将cookie的值放在请求头中,这样我们的请求就带了cookie 了
- NSURLRequset还有一个属性:HTTPShouldHandleCookies;
看文档介绍,意思是处理cookie管理器中的cookie放入请求头之中- 重点:如果设置了allHTTPHeaderFields属性就会覆盖或者说忽略cookie管理器中的cookie,全部使用【allHTTPHeaderFields】中的cookie(如果存在的话)
- 如果loadRequest需要cookie,那么你需要调用[setValue:@"some cookies" forHTTPHeaderField:@"Cookie"]设置cookie到请求头中
- 302重定向,问题【1】的cookie丢失
- 如果H5页面涉及ajax请求,问题【1】的cookie丢失
5.
解决问题
1. 针对302问题,不使用【allHTTPHeaderFields】设置cookie,将【HTTPShouldHandleCookies】设置为'YES'(默认就是'YES')
2. ajax问题,向【WKWebView】中注入cookie即,【document.cookie 】
举个栗子🌰:
NSHTTPResponse *httpResp = (NSHTTPResponse*)response;
/// 这一步的cookie 可以存储到 userdefaults 或者 存储到 NSHTTPCookieStorage
NSDictionary *fields = [httpResp allHeaderFields];
NSArray *cookies = [NSHTTPCookie cookiesWithResponseHeaderFields:fields forURL:httpResp.URL];
/// 栗子1. 存储到 NSHTTPCookieStorage, 这步就直接可以和UIWebView共享了
for(NSHTTPCookie *cookie in cookies){
[[NSHTTPCookieStorage sharedHTTPCookieStorage] setCookie:cookie];
}
/// 栗子2. 存储到 userdefaults 随时读取
NSData *data = [NSKeyedArchiver archivedDataWithRootObject:cookies];
if(0 < [data length]){
[[NSUserDefaults standardUserDefaults] setObject:data forKey:@"some key decided by you..."];
[[NSUserDefaults standardUserDefaults] synchronize];
}
/// 创建cookie注入命令
NSString *js_cmd = @"";
for(NSHTTPCookie *cookie in cookies){
/// domain 可写可不写,默认是url的domain,path还是尽量要写的,其余的看自己
js_cmd = [js_cmd stringByAppendingFormat:@"document.cookie = '%@=%@;path=%@';", cookie.name, cookie.value, cookie.path];
}
WKUserContentController *cc = [[WKUserContentController alloc] init];
WKWebViewConfiguration *config = [[WKWebViewConfiguration alloc] init];
config.userContentController = cc;
/// 创建脚本
WKUserScript *js = [[WKUserScript alloc] initWithSource:js_cmd injectionTime:WKUserScriptInjectionTimeAtDocumentStart forMainFrameOnly:NO];
/// 将cookie注入到web
[cc addUserScript:js];
......
......
/// 创建web
WKWebView *web = [[WKWebView alloc] initWithFrame:frame configuration:config];
......
......
NSURLRequset / NSMutableURLRequest *request = ....
/// 这个值默认就是'YES'
request. HTTPShouldHandleCookies = YES;
[web loadRequest: request];
重新加载页面数据都出来了,这次是真香,呵呵...
小记
iOS 11.0后增加了【WKHTTPCookieStore】类,专门用来管理与之关联的WKWebView的Cookie,引用结构如下:
WKWebView -> WKWebViewConfiguration -> WKWebsiteDataStore -> WKHTTPCookieStore
设置cookie
举个栗子🌰:
...... ...... WKWebView *web = xxx; if(@available(iOS 11.0, *)){ [web.configuration.websiteDataStore.httpCookieStore setCookie:cookie completionHandler:^{ /// setting cookie done.. /// 注意这里并非是同步的 }]; /// 直接运行到这里,要同步的话别用锁,会死锁的,用RunLoop } ...... ......
用RunLoop改写为同步返回样例:
...... ...... WKWebView *web = xxx; if(@available(iOS 11.0, *)){ [web.configuration.websiteDataStore.httpCookieStore setCookie:cookie completionHandler:^{ /// setting cookie done.. }]; while(‘停止条件’){ [[NSRunLoop currentRunLoop] runMode:NSDefaultRunLoopMode beforeDate:‘日期,可以设置超时或永久等待,建议设置超时’]; } } /// after to-do ...... ......
获取cookie
获取Cookie也会有不同步的问题大同小异,不过一般业务里并不会主动去获取Cookie