今天一早来到公司，发现需要对webView里面的内容进行微信分享。好吧，开干。
具体的需求是：
1、调用js方法获取分享的图片
2、获取当前web页面url当做分享链接（对当前url进行encode）
3、获取当前web页面title做分享标题
公司项目里iOS8以下系统用的是webView，而iOS8以上用的是WKWebView（性能更强大）
先说下在WKWebView里面怎么和js通信。
我们使用了NJKWebViewProgress进度条。所以在以前的代码里面就可以通过KVO模式去处理“进度、title和是否停止加载”这些功能。应该可以使用KVO的就只有这三个功能。
#pragma KVO
- (void)addKVO
{
[self.wkWebView addObserver:self forKeyPath:@"estimatedProgress" options:NSKeyValueObservingOptionNew context:nil];
[self.wkWebView addObserver:self forKeyPath:@"title" options:NSKeyValueObservingOptionNew context:nil];
}
//必须要remove
- (void)dealloc
{
[self removeKVO];
}
- (void)removeKVO
{
[self.wkWebView removeObserver:self forKeyPath:@"estimatedProgress"];
[self.wkWebView removeObserver:self forKeyPath:@"title"];
}
- (void)observeValueForKeyPath:(NSString *)keyPath ofObject:(id)object change:(NSDictionary<NSString *,id> *)change context:(void *)context
{
if ([keyPath isEqualToString:@"estimatedProgress"]) {
//设置加载条数值
[self.progressBar setProgress:self.webView.estimatedProgress];
}
else if ([keyPath isEqualToString:@"title"]){
//获取当前页面title
NSString * title = self.webView.title;
if (title.length > 10) {
title = [title substringWithRange:NSMakeRange(0, 8)];
title = [NSString stringWithFormat:@"%@...",title];
}
self.navigationItem.title = title;
}else {
[super observeValueForKeyPath:keyPath ofObject:object change:change context:context];
}
}
然后我们还需要拿到当前页面的地址
#pragma mark wkwebviewDelegate
- (void)webView:(WKWebView *)webView decidePolicyForNavigationAction:(WKNavigationAction *)navigationAction decisionHandler:(void (^)(WKNavigationActionPolicy))decisionHandler
{
self.nowUrl = navigationAction.request.URL.absoluteString;
}
坑爹的来了，在获取图片的时候，调用js方法没有任何问题。在WKWebView上使用：
nd_get_share_img()是前端同事给我的调用image的方法。但是问题来了发现有的时候可以调起微信，有的时候又调不起。然后去找了一堆资料，发现有说法是32KB以下就可以，然后发现被坑了。
去官方文档看了下微信只给了这个标准：
为了获得最佳的图标显示效果，请确保你的APP本地含有114*114像素的icon@2x.png图标。
所以我在代码中处理了size
[self.webView evaluateJavaScript:@"nd_get_share_img()" completionHandler:^(id _Nullable response, NSError * _Nullable error) {
NSString *picStr = response;
[[SDWebImageManager sharedManager] downloadImageWithURL:[NSURL URLWithString:picStr] options:0
progress:^(NSInteger receivedSize, NSInteger expectedSize)
{
//处理下载进度
} completed:^(UIImage *image, NSError *error, SDImageCacheType cacheType, BOOL finished, NSURL *imageURL) {
if (error) {
}
if (image) {
//设置size
CGSize size = CGSizeMake(300, 300);
self.wxSharePic = [UIImage image:image byScalingToSize:size];
}
}];
}];
//url encode
self.nowUrl = [NSString encodeString:self.nowUrl];
这两个设置size和url encode的对应的写了分类，下面是具体代码
+ (NSString*)encodeString:(NSString*)unencodedString{
NSString *encodedString=(NSString*)
CFBridgingRelease(CFURLCreateStringByAddingPercentEscapes(kCFAllocatorDefault,
(CFStringRef)unencodedString,
NULL,
(CFStringRef)@"!*'();:@&=+$,/?%#[]",
kCFStringEncodingUTF8));
return encodedString;
}
+ (UIImage *)image:(UIImage*)image byScalingToSize:(CGSize)targetSize {
UIImage *sourceImage = image;
UIImage *newImage = nil;
UIGraphicsBeginImageContext(targetSize);
CGRect thumbnailRect = CGRectZero;
thumbnailRect.origin = CGPointZero;
thumbnailRect.size.width = targetSize.width;
thumbnailRect.size.height = targetSize.height;
[sourceImage drawInRect:thumbnailRect];
newImage = UIGraphicsGetImageFromCurrentImageContext();
UIGraphicsEndImageContext();
return newImage ;
}
webView的和js的通信方法：
[self.webView stringByEvaluatingJavaScriptFromString:@"nd_get_share_img()"];
这样裁剪下就没有问题了。
