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();
输出 变量到前端
- 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() {
- // 用户取消分享后执行的回调函数
- }
- });
- });
调试完毕后关闭
- debug: false,
- 搞定
来源: http://www.cnblogs.com/xuedong/p/6007110.html