11
2023
07

微信分享网页链接带图标和摘要的方法

首先你必须有一个微信公众号,然后把你的网站ip地址输入公众号ip白名单。

步骤一:验证文件并且绑定域名

先登录微信公众平台进入“公众号设置”的“功能设置”里填写“JS接口安全域名”。

步骤二:在要分享的页面引入JS文件

<script src="http://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script>
<script>
    var  url=location.href;
    $.ajax({
        type : "get",
        //这里是放在根目录如新建文件夹则url:"https://这里改为你自己的网址.com/文件夹名/jssdk.php?url="+url
        url : "https://这里改为你自己的网址.com/wx/jssdk.php?url="+encodeURIComponent(url),
        dataType : "jsonp",
        jsonp: "callback",
        jsonpCallback:"success_jsonpCallback",
        success : function(data){
            wx.config({
                debug: false,
                appId: data.appId,
                timestamp: data.timestamp,
                nonceStr: data.nonceStr,
                signature: data.signature,
                jsApiList: [
                    'onMenuShareTimeline',//
                    'onMenuShareAppMessage',
                    'onMenuShareQQ',
                    'onMenuShareWeibo',
                    'onMenuShareQZone'
                ]
            });
        },
        error:function(data){
            alert("连接失败!");
        }
    });
    wx.ready(function () {
        var shareData = {
            title: '这是是分享标题',
            desc: '这是是摘要',
            link: url,
            imgUrl: '这里改为你网站域名下的小图标文件的地址'
        };
        wx.onMenuShareAppMessage(shareData);//分享给好友
        wx.onMenuShareTimeline(shareData);//分享到朋友圈
        wx.onMenuShareQQ(shareData);//分享给手机QQ
        wx.onMenuShareWeibo(shareData);//分享腾讯微博
        wx.onMenuShareQZone(shareData);//分享到QQ空间
    });
    wx.error(function (res) {
        //alert(res.errMsg);//错误提示
    });
</script>

url : "https://这里改为你自己的网址.com/wx/jssdk.php?url="+url,

«1»