微信公众号JSSDK设置分享内容


环境

后端框架:Laravel
微信开发包:EasyWechat

后端获取签名、权限信息

首先要根据EasyWechat的配置要求在Laravel里配置好APPID等信息
之后获取签名、权限信息

$app = app('wechat.official_account');
$wxconfig = $app->jssdk->buildConfig(['updateTimelineShareData', 'updateAppMessageShareData','onMenuShareAppMessage','onMenuShareTimeline'], false, false, false);

使用其他框架或者语言的开发者也要注意,这四个权限必须都获取。按照微信开发者文档中要求的只获取updateTimelineShareData、updateAppMessageShareData两个接口权限是不能正常工作的。

前端调用微信JSSDK设置分享内容

首先要引入微信的JSSDK
之后要把后端获得的权限数组输出
之后需要在网页中调用JSSDK的方法。

<script src="https://res.wx.qq.com/open/js/jweixin-1.4.0.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript" charset="utf-8">
    wx.config( @json($wxconfig));
    let link = window.location.href;
    wx.ready(function () {      //需在用户可能点击分享按钮前就先调用
         wx.updateAppMessageShareData({
             title: '', // 分享标题
             desc: '', // 分享描述
             link: link, // 分享链接,该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
             imgUrl: '', // 分享图标
                 success: function () {
                          },

         });
         wx.updateTimelineShareData({
             title: '', // 分享标题
             link: link, // 分享链接,该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
             imgUrl: '', // 分享图标
             success: function () {
                      },
        });
    });
</script>

这里注意wx.config( @json($wxconfig));中 @json($wxconfig)是Laravel的写法。
其他框架或者语言使用的时候需要把后端返回的权限信息数组放到wx.config()里。

声明:物博网|版权所有,违者必究|如未注明,均为原创|本网站采用BY-NC-SA协议进行授权

转载:转载请注明原文链接 - 微信公众号JSSDK设置分享内容


喜欢安全与WEB开发