h5分享到微信朋友/朋友圈

1,229 阅读1分钟

连接地址:developers.weixin.qq.com/doc/offiacc…

前端需要操作的:

1.引入微信的js-sdk,可以根据上面的连接获取

2.通过config接口注入权限验证配置;一下的必填值都是需要通过后端返给你的

wx.config({
  debug: true, // 开启调试模式,调用的所有api的返回值会在客户端alert出来,若要查看传入的参数,可以在pc端打开,参数信息会通过log打出,仅在pc端时才会打印。
  appId: '', // 必填,公众号的唯一标识
  timestamp: , // 必填,生成签名的时间戳
  nonceStr: '', // 必填,生成签名的随机串
  signature: '',// 必填,签名
  jsApiList: [] // 必填,需要使用的JS接口列表 // ['updateAppMessageShareData', 'updateTimelineShareData', 'onMenuShareQQ']
});

3.通过ready接口处理成功验证

wx.ready(function () { // 需在用户可能点击分享按钮前就先调用
          wx.updateAppMessageShareData({
            title: _this.goods_name, // 分享标题
            desc: _this.goods_subtitle, // 分享描述
            link: link, // 分享链接,该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
            imgUrl: _this.goods_image, // 分享图标
            success: function () {
            }
          })
        })

4.注意:

微信分享不能在h5以内分享(也就是在h5内点击按钮触发分享朋友圈);以上的信息主要是修改你分享的提示框和分享以后他人所看见的状态(如标题,图片等)