//jsSDK授权 $.signature = function(wx,opts,currentUrl,callback){ $.ajax({ data: {url: currentUrl}, type: "GET", url: WX_ROOT + "wechat/signature", success: function (json) { if (json) { var data = JSON.parse(json); wx.config({ debug: false, appId: data.appid, timestamp: data.timestamp, nonceStr: data.nonceStr, signature: data.signature, jsApiList: [ 'onMenuShareTimeline', 'onMenuShareAppMessage', 'onMenuShareQQ', 'onMenuShareWeibo', 'onMenuShareQZone' ] }); wechatShare.options.isSignature = true; callback && callback(opts,wx); } } }); }
建议：开发环境建议开启调式模式，方便打印日志定位问题debug: true
所有接口调用都必须在config接口获得结果之后，config是一个客户端的异步操作，我这里用一个全局变量isSignature缓存了是否已经配置授权，然后执行回调。如实现分享接口：
//分享 $.share = function(opts,wx) { var options = { currentUrl: window.location.href.split('#')[0], imgUrl: null, title: '达农保险', desc: null, shareUrl: null } $.extend(true, options, opts || {}); //判断是否已经授权 if(!wechatShare.options.isSignature){ $.signature(wx,opts,options.currentUrl,$.share) }else{ wx.ready(function(){ //分享到朋友圈 wx.onMenuShareTimeline({ title: options.title, link: options.shareUrl, imgUrl: options.imgUrl, success: function () { //分享统计，分享来源 1 朋友圈 2分享给朋友 3分享到QQ 4分享到QQ空间 } }); //分享给朋友 wx.onMenuShareAppMessage({ title: options.title, desc: options.desc, link: options.shareUrl, imgUrl: options.imgUrl }); }); } }
我先确认是否已经配置授权，如果没有授权则调用$.signature()回调函数里传入$.share，有点类似递归调用，当再次回到share方法的时候isSignature已经是true了，则执行wx.ready()方法，再调需要调用的接口，微信开放提供了很多接口给我们，分享只是其中一个。只有想不到的，没有实现不了的....
注意：currentUrl 必须是动态获取的，通过window.location.href方法，因为页面分享，微信客户端会在你的链接末尾加入其它参数，所以需要再将url用‘#'割一下，取第一个，如果有中文最好是用encodeURIComponent转义一下，保证签名获取成功。如果报invalid signature，大部分原因是传入的url，和加密算法的问题，仔细检查！
调用：
var ua = navigator.userAgent.toLowerCase(), isWechat = ua.indexOf('micromessenger') != -1;//判断是否为微信浏览器 var shareData = { title: ‘测试分享', desc: ‘这里是描述，分享到朋友圈不会显示', link: APP_ROOT + '/base/downloadApp,//分享后打开的链接，必须在配置的安全域名下 imgUrl: PIC_PATH + (self.data.shareListData[0].imgSmall || '/static/img/coupon/getTicPic.png'),//分享后显示的图片 success: function(){ setTimeout(function(){ //运营数据统计 },0)//伪异步方式调用 } } //微信浏览器分享加载 if(isWechat){ require(['jweixin'],function(wx){ require(['share'],function(){ $.share(shareData,wx); }) }) }
完整js：https://github.com/helijun/component/blob/master/wechat/share.js
常用问题总结：