h5使用canvas截取当前屏幕后,能不能直接调取微信api,分享到朋友圈?

产品需求:h5页面上有个自定义分享按钮,点击自定义分享按钮能够截屏当前页面,然后分享到朋友圈

困难:是不是jssdk里就没有提供这种,点击自定义分享按钮,直接调取朋友圈的api? 我想的折中的方式是,生成截图后,提示用户长按截图保存到本地,自己去朋友圈发朋友圈,自己选取保存到本地的截图。

阅读 7k
6 个回答
wx.ready(function () {      //需在用户可能点击分享按钮前就先调用
    wx.updateTimelineShareData({ 
        title: '', // 分享标题
        link: '', // 分享链接,该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
        imgUrl: '', // 分享图标
        success: function () {
          // 设置成功
        }
});

看看 微信jssdk的开发文档

楼主,你的问题解决了么。我遇到同样的问题了

公众号暂时还没办法做到你说的这个功能噢

分享必须用户主动触发,只能引导用户点击右上角分享。
另外,分享的图片必须是链接,你得想办法把canvas的图片生成的base64数据上传到文件服务器生成链接。

我说下能做到的。

  1. canvas截屏传输到服务端,服务端提供图片链接
  2. 前端接收到这个图片,更新当前页面微信分享设置
  3. 弹出消息提示用户分享
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题