微信分享，分享图片的坑

今天一早来到公司，发现需要对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 *)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像素的[email protected]图标。
所以我在代码中处理了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()"];

这样裁剪下就没有问题了。