1先登录微信公众平台进入“公众号设置”的“功能设置”里填写“JS接口安全域名” 要在微信公众号中添加一个当前分享网页的域名
2引入JS文件 <script src="https://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>
3后台引入
require_once ('jssdk.php'); $jssdk = new JSSDK("*****appid****", "*****AppSecret******"); $signPackage = $jssdk->GetSignPackage();
输出 变量到前端
<script> wx.config({ debug: false, appId: "<{$signPackage.appId}>", timestamp: "<{$signPackage.timestamp}>", nonceStr: "<{$signPackage.nonceStr}>", signature: "<{$signPackage.signature}>", jsApiList: [ // 所有要调用的 API 都要加到这个列表中 'onMenuShareTimeline','onMenuShareAppMessage','onMenuShareQQ' ] }); wx.ready(function () { // 在这里调用 API var title = '标题', // 分享标题 link = '链接内容', // 分享链接 desc = '分享内容描述', //分享描述 imgUrl = '图片url'; // 分享图标 //朋友圈
wx.onMenuShareTimeline({ title: '', // 分享标题 link: '', // 分享链接 imgUrl: '', // 分享图标 success: function () { // 用户确认分享后执行的回调函数 }, cancel: function () { // 用户取消分享后执行的回调函数 } });
//发送给好友
wx.onMenuShareAppMessage({ title: '', // 分享标题 desc: '', // 分享描述 link: '', // 分享链接 imgUrl: '', // 分享图标 type: '', // 分享类型,music、video或link,不填默认为link dataUrl: '', // 如果type是music或video,则要提供数据链接,默认为空 success: function () { // 用户确认分享后执行的回调函数 }, cancel: function () { // 用户取消分享后执行的回调函数 } });
//分享到QQ
wx.onMenuShareQQ({ title: '', // 分享标题 desc: '', // 分享描述 link: '', // 分享链接 imgUrl: '', // 分享图标 success: function () { // 用户确认分享后执行的回调函数 }, cancel: function () { // 用户取消分享后执行的回调函数 } });
//分享到微博
wx.onMenuShareWeibo({ title: '', // 分享标题 desc: '', // 分享描述 link: '', // 分享链接 imgUrl: '', // 分享图标 success: function () { // 用户确认分享后执行的回调函数 }, cancel: function () { // 用户取消分享后执行的回调函数 } });
}); </script>
调试完毕后关闭
debug: false, 搞定