微信端html5页面调用分享接口示例Html5 实现微信分享及自定义内容的流程Html5页面在微信端的分享的实现方法详解html5 canvas 微信海报分享（个人爬坑）HTML5实现分享到微信好友朋友圈QQ好友QQ空间微博二维码功能HTML5中外部浏览器唤起微信分享功能的代码

 // 微信分享函数 function wxShare() { var url = $location.absUrl().split('#')[0]; wxServices.postWxShare(url).then(function (res) { if (res.data.code == 0) { var respanse = res.data.data; wx.config({ debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。 appId: respanse.appId, timestamp: respanse.timestamp, // 必填，生成签名的时间戳 nonceStr: respanse.nonceStr, // 必填，生成签名的随机串 signature: respanse.signature,// 必填，签名 jsApiList: ['onMenuShareTimeline', 'onMenuShareAppMessage', 'onMenuShareQQ', 'onMenuShareWeibo', 'onMenuShareQZone']// 必填，需要使用的JS接口列表 }); } }) } 

 wx.ready(function () { var obj = { title: 'SPBCN团体赛开始投票啦！', // 分享标题 desc: 'SPBCN团体赛开始投票了，快来为我们加油吧！', // 分享描述 link: 'http://dev.spbcn.org/wechat-vote-phone/redirect.html', // 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致 // 该链接是重定向链接，因为需要获取用户code，但是该链接又无法直接写微信获取code的链接， // 所以需要点击后重新加载新的页面，来实现重定向，重新打开获取code的微信链接，实现获取用户信息的功能； imgUrl: 'http://cdn.spbcn.org/img/logo-image.png', // 分享图标 fail: function (res) { alert(JSON.stringify(res)); } }; // 2.1 监听“分享给朋友”，按钮点击、自定义分享内容及分享结果接口 wx.onMenuShareAppMessage(obj); // 2.2 监听“分享到朋友圈”按钮点击、自定义分享内容及分享结果接口 wx.onMenuShareTimeline(obj); // 2.3 监听“分享到QQ”按钮点击、自定义分享内容及分享结果接口 wx.onMenuShareQQ(obj); // 2.4 监听“分享到微博”按钮点击、自定义分享内容及分享结果接口 wx.onMenuShareWeibo(obj); // 2.5 监听“分享到QZone”按钮点击、自定义分享内容及分享接口 wx.onMenuShareQZone(obj); }) 

 window.onload = function () { // 重定向链接，跟微信公众号中获取用户code是一样的链接 window.location.href="https://open.weixin.qq.com/connect/oauth2/authorize?appid=公众号appid&redirect_uri=http%3A%2F%2Fdev.spbcn.org%2Fwechat-vote-phone?type=weixin&scope=snsapi_userinfo&response_type=code&state=STATE#wechat_redirect" }