微信分享网站链接带缩略图和描述

前言：
首先你得有一个公众号！
没有去申请就OK了，具体申请流程这里不展开了。

效果预览：

导入js

//导入官方js
<script src="https://res.wx.qq.com/open/js/jweixin-1.6.0.js"></script>

下面是具体代码，直接复制改掉参数能用！

function we() {
        $.ajax({
            url: "url",
            type: 'get',
            dataType: 'json',
            success: (res) => {
                console.log("res", res)
                wx.config({
                	//调试
                    debug: false,
                    //微信公众号的appid
                    appId: res.appId,
                    //时间戳
                    timestamp: res.timestamp,
                    //随机字符串
                    nonceStr: res.nonceStr,
                    //签名  
                    signature: res.signature,
                    //API接口方法列表
                    jsApiList: [
                        "checkJsApi",
                        "updateAppMessageShareData",
                        "updateTimelineShareData",
                    ]
                });

                wx.ready(function () {
                    // 分享给朋友/qq好友
                    wx.checkJsApi({ jsApiList: ["updateAppMessageShareData", "updateTimelineShareData"] })
                    wx.updateAppMessageShareData({
                        title: "标题",
                        desc: "简介",
                        link: "要分享的链接",
                        imgUrl: "您的缩略图链接",
                        type: '',//默认可为空
                        dataUrl: '',//默认可为空
                        success: function (res) { console.log("分享成功！" + res); }
                    });
                    // 分享到朋友圈
                    wx.updateTimelineShareData({
                        title: "标题",
                        link: "分享链接",
                        imgUrl: "分享图标",
                        success: function (res) { console.log("分享成功！" + res); }
                    });

                });
            }

        })
    }
    we()

到此为止，所有的主要的步骤，都差不多了。接下来，在公众号还需要有两个地方需要配置：

IP白名单，

js安全域名

一般都是把你的网站域名写上去就可以的了。

次仅笔记，以便日后查阅，如有错漏还望不吝指出，感谢！