1.根据官方文档微信JS-SDK说明文档 做好准备工作(eg:在公众号绑定域名,请后端同事把所需要的时间戳返回等)
2.引入官方js文件
<script src="http://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script>
3.
var gameInfo = {
"gtitle": "",//分享title
"gimg": "",//分享小图
"gurl": "",//分享链接
"desc": "让世界看见你的想象力!"//分享副标题
}
$.ajax({ url: "", method: "get", dataType: "jsonp", jsonp: 'jsonCallBack', data: {'url': location.href} }) .done(function (json) { // console.log(json); if (json.status == 1) { wx.config({ debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来,若要查看传入的参数,可以在pc端打开,参数信息会通过log打出,仅在pc端时才会打印。 appId: json.data.appId, // 必填,公众号的唯一标识 timestamp: json.data.timestamp, // 必填,生成签名的时间戳 nonceStr: json.data.nonceStr, // 必填,生成签名的随机串 signature: json.data.signature,// 必填,签名 jsApiList: ['onMenuShareQQ', 'onMenuShareQZone', 'onMenuShareTimeline', 'onMenuShareAppMessage', 'hideMenuItems'] // 必填,需要使用的JS接口列表 }); wx.ready(function () { //隐藏邮件 wx.hideMenuItems({ menuList: ['menuItem:share:email'] // 要隐藏的菜单项,只能隐藏“传播类”和“保护类”按钮,所有menu项见附录3 }); //朋友圈 wx.onMenuShareTimeline({ title: gameInfo.gtitle, // 分享标题 link: gameInfo.gurl, // 分享链接,该链接域名或路径必须与当前页面对应的公众号JS安全域名一致 imgUrl: gameInfo.gimg, // 分享图标 success: function () { // 用户确认分享后执行的回调函数 }, cancel: function () { // 用户取消分享后执行的回调函数 } }); //朋友 wx.onMenuShareAppMessage({ title: gameInfo.gtitle, // 分享标题 desc: gameInfo.desc, // 分享描述 link: gameInfo.gurl, // 分享链接,该链接域名或路径必须与当前页面对应的公众号JS安全域名一致 imgUrl: gameInfo.gimg, // 分享图标 type: '', // 分享类型,music、video或link,不填默认为link dataUrl: '', // 如果type是music或video,则要提供数据链接,默认为空 success: function () { // 用户确认分享后执行的回调函数 }, cancel: function () { // 用户取消分享后执行的回调函数 } }); //QQ wx.onMenuShareQQ({ title: gameInfo.gtitle, // 分享标题 desc: gameInfo.desc, // 分享描述 link: gameInfo.gurl, // 分享链接 imgUrl: gameInfo.gimg, // 分享图标 success: function () { // 用户确认分享后执行的回调函数 }, cancel: function () { // 用户取消分享后执行的回调函数 } }); //QQzone wx.onMenuShareQZone({ title: gameInfo.gtitle, // 分享标题 desc: gameInfo.desc, // 分享描述 link: gameInfo.gurl, // 分享链接 imgUrl: gameInfo.gimg, // 分享图标 success: function () { // 用户确认分享后执行的回调函数 }, cancel: function () { // 用户取消分享后执行的回调函数 } }); }) } else { console.log("分享配置错误!") } }) .fail(function () { })