微信jssdk-微信分享链接修改标题描述图片

Posted 2020-08-16

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