微信手机网站,设置分享的图片和内容

2021-05-19 16:15:49

首先需要在公众号平台,设置JS接口安全域,在这里添加要分享的网址。

然后在网页里写引入微信js sdk。https://www.npmjs.com/package/weixin-js-sdk

然后在页面写如下代码:

wx.config({

debug: false,
appId: '',
timestamp: "",
nonceStr: '',
signature: '',
jsApiList: [
	'onMenuShareTimeline', 'onMenuShareAppMessage','onMenuShareQQ'
]

}); wx.ready(function () {

// 获取 “分享到朋友圈”按钮点击状态及自定义分享内容接口
wx.onMenuShareTimeline({
	title: title, // 分享标题
	desc: desc, // 分享描述
	link: shareUrl,
	imgUrl: img // 分享图标
});
// 获取“分享给朋友”按钮点击状态及自定义分享内容接口
wx.onMenuShareAppMessage({
	title: title, // 分享标题
	desc: desc, // 分享描述
	link: shareUrl,
	imgUrl: img // 分享图标
});

});


timestamp,nonceStr,signature这几个参数,需要在通过后台获取。

https://blog.csdn.net/weixin_40013817/article/details/105067633