微信公众号H5 - 关于微信公众号h5网页实现分享图片

  近期，因为产品需求，要在公众号上面实现分享图片的功能，后面发现用了weixin-js-sdk方法分享出来的图片是一个链接的形式分享的。如下图：

我要的效果图：

使用weixin-js-sdk分享的效果图：你应该发现了吧，这是一个链接而不是一张图片。

  这个效果跟实际上要求的差别不是一般的大。我也是做完了这个分享功能才发现公众号是没有分享图片的功能的，不过如果有需要的话可以通过长按图片的方式进行分享，这里就需要先将你需要分享的网页使用canvas转换成图片之后才可以进行长按图片分享啦（ps：可以使用html2canvas方法实现）。

ps：在使用updateAppMessageShareData方法的时候也是遇到的挺多问题的。比如说：

• 需要先通过config接口注入权限验证配置，这里需要的数据需要后台拿到给你才行
• 需要在wx.ready函数里面调用wx.updateAppMessageShareData才行等等