您的位置:首页 > 移动开发 > 微信开发

关于微信分享

2017-08-28 16:55 176 查看
之前做过的一个微信分享功能,今天拿出来分享给刚做微信的同道中人

wx.config({

    debug: ‘’, 

    appId: '', // 必填,公众号的唯一标识

    timestamp: '', 

    nonceStr: '', 

    signature: '',

    jsApiList: ['onMenuShareQZone','onMenuShareWeibo','onMenuShareQQ','checkJsApi','onMenuShareTimeline','onMenuShareAppMessage']   // 必填,需要使用的JS接口列表 这里是所需的分享接口

});

值得一提的是其中的签名问题,签名的获取方式是通过 :

首先通过:开发者ID(AppID),开发者密码(AppSecret),原始ID,获取到微信的js授权





然后根据:js授权返回的字符串,时间戳,16位随即字符串,访问的地址来获得签名,

注:大部分签名获取失败都是因为这个访问地址的原因。请仔细检查

校验签名工具:https://mp.weixin.qq.com/debug/cgi-bin/sandbox?t=jsapisign

下面是分享到微信好友,朋友圈,QQ,腾讯微博等,

wx.ready(function(){
console.log("invitationCode === ",invitationCode);
wx.onMenuShareAppMessage({
   title: '这里是分享的标题', // 分享标题
   desc: '这里是分享的描述!', // 分享描述
   link: '这里是点击分享后跳转的链接', // 分享链接,该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
   imgUrl: '这里是分享的xiaotub', // 分享图标
   type: '', // 分享类型,music、video或link,不填默认为link
   dataUrl: '', // 如果type是music或video,则要提供数据链接,默认为空
   success: function () { 
       // 用户确认分享后执行的回调函数
console.log("分享成功");
   },
   cancel: function () { 
       // 用户取消分享后执行的回调函数
    console.log("取消分享");
   }
});
wx.onMenuShareTimeline({
   title: '这里是分享的标题',  
   link: '这里是点击分享后跳转的链接', //该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
   imgUrl: '这里是分享的小图标', 
   
});

wx.onMenuShareQQ({
   title: '这里是分享的标题', 
   desc: '这里是分享的描述!', 
   link: '这里是点击分享后跳转的链接', 
   imgUrl: '这里是分享的小图标', 
  
});

wx.onMenuShareWeibo({
   title: '这里是分享的标题', 
   desc: '这里是分享的描述!', 
   link: '这里是点击分享后跳转的链接', 
   imgUrl: '这里是分享的小图标', 
   
});
wx.onMenuShareQZone({
   title: '这里是分享的标题',
   desc: '这里是分享的描述!', 
   link: '这里是点击分享后跳转的链接', 
   imgUrl: '这里是分享的小图标', 
  
});

});



这样就成功了,希望对你有帮助。
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息