xuedong

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, 搞定

分类:

技术点:

相关文章:

  • 2021-08-11
  • 2021-12-02
  • 2021-12-13
  • 2021-12-18
  • 2022-02-07
  • 2022-12-23
  • 2022-01-15
猜你喜欢
  • 2021-08-26
  • 2021-12-18
  • 2022-12-23
  • 2022-01-20
  • 2021-12-15
  • 2021-07-31
相关资源
相似解决方案