微信分享自定义标题、内容、小图片卡片链接

 let imgUrl = 'https://xxxxxxx.jpg';

var lineLink = window.location.href;
var descContent = 'xxxxx速速下单吧~';
var shareTitle = 'xxxxxxxxxxx'; 

//使用uniapp做需要引入jweixin，uniapp重定义了微信对象

//必须在微信上配置

<script type="text/javascript" src="https://res2.wx.qq.com/open/js/jweixin-1.6.0.js"></script>

 

let formData = new FormData()
formData.append("url",window.location.href)  

axios({
                method: 'POST',
                url: "https://xxxxx/xxx/wechatshare/getsignature",  //请求后端链接
                headers: {
                    'data-Type': 'application/json',
                },
                data: formData,
            }).then((response) => {
                console.log(response)
                let res = response.data;
                if (res.code == 200) {
                    var appId = res.data.appId;
                    var timestamp = res.data.timestamp;
                    var nonceStr = res.data.nonceStr;
                    var signature = res.data.signature;
                    jWeixin.config({
                        debug: false,
                        appId: appId,
                        timestamp: timestamp,
                        nonceStr: nonceStr,
                        signature: signature,
                        jsApiList: [
                            'checkJsApi',
                            'updateAppMessageShareData',
                            'updateTimelineShareData'
                        ]
                    });
                    jWeixin.ready(function() {
                            jWeixin.updateTimelineShareData({
                                title: shareTitle, // 分享标题
                                link: lineLink, // 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
                                imgUrl: imgUrl, // 分享图标
                                success: function() {
                                    // 用户确认分享后执行的回调函数
                                },
                                cancel: function() {
                                    // 用户取消分享后执行的回调函数
                                }
                            });
                            jWeixin.updateAppMessageShareData({
                                title: shareTitle, // 分享标题
                                desc: descContent, // 分享描述
                                link: lineLink, // 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
                                imgUrl: imgUrl, // 分享图标
                                success: function() {
                                    // 用户确认分享后执行的回调函数

                                },
                                cancel: function() {
                                    // 用户取消分享后执行的回调函数
                                }
                            });
                            });
                    
                    
                    
                        }
                    });