返回
突破微信分享限制,自定义分享内容,一键打开朋友圈
前端
2023-10-28 15:19:54
在微信公众平台中,分享功能是一个非常重要的功能,它可以帮助我们快速地将内容分享给好友和朋友圈。但是,微信对自定义分享内容作了限制,最终还是要依靠配置wx.config。
那么有没有办法绕开这个限制,自定义分享内容呢?有的,今天就给大家分享一个突破微信分享限制的办法,让你一键打开朋友圈。
步骤
-
在你的微信公众号后台,找到【开发者】-【公众号设置】-【功能设置】,然后勾选【自定义分享内容】。
-
在你的网页中,添加以下代码:
<script type="text/javascript" src="https://res.wx.qq.com/open/js/jweixin-1.4.0.js"></script>
<script type="text/javascript">
wx.config({
debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来,若要查看传入的参数,可以在pc端打开,参数信息会通过log打出,仅在pc端时才会打印。
appId: '你的appId', // 必填,公众号的唯一标识
timestamp: 1414587457, // 必填,生成签名的时间戳
nonceStr: 'Wm3WZYTPz0wzccnW', // 必填,生成签名的随机串
signature: '5c4c8a713e1c9d1b9e9e549f0871e787728b0f76', // 必填,签名,见附录1
jsApiList: [
'onMenuShareTimeline', // 必填,需要使用的JS接口列表,所有JS接口列表见附录2
'onMenuShareAppMessage' // 必填,需要使用的JS接口列表,所有JS接口列表见附录2
]
});
wx.ready(function () {
// 分享到朋友圈
wx.onMenuShareTimeline({
title: '分享标题', // 分享标题
link: '分享链接', // 分享链接
imgUrl: '分享图标', // 分享图标
success: function () {
// 用户确认分享后执行的回调函数
}
});
// 分享给朋友
wx.onMenuShareAppMessage({
title: '分享标题', // 分享标题
desc: '分享', // 分享
link: '分享链接', // 分享链接
imgUrl: '分享图标', // 分享图标
type: 'link', // 分享类型,music、video或link,不填默认为link
dataUrl: '', // 如果type是music或video,则要提供数据链接,默认为空
success: function () {
// 用户确认分享后执行的回调函数
}
});
});
</script>
- 在你的网页中,添加以下代码:
<a href="javascript:void(0);" onclick="shareTimeline()">分享到朋友圈</a>
<a href="javascript:void(0);" onclick="shareAppMessage()">分享给朋友</a>
- 在你的网页中,添加以下函数:
function shareTimeline() {
wx.onMenuShareTimeline({
title: '分享标题', // 分享标题
link: '分享链接', // 分享链接
imgUrl: '分享图标', // 分享图标
success: function () {
// 用户确认分享后执行的回调函数
}
});
}
function shareAppMessage() {
wx.onMenuShareAppMessage({
title: '分享标题', // 分享标题
desc: '分享描述', // 分享描述
link: '分享链接', // 分享链接
imgUrl: '分享图标', // 分享图标
type: 'link', // 分享类型,music、video或link,不填默认为link
dataUrl: '', // 如果type是music或video,则要提供数据链接,默认为空
success: function () {
// 用户确认分享后执行的回调函数
}
});
}
- 保存你的网页,然后在微信中打开。点击分享按钮,即可分享内容到朋友圈或朋友。
注意事项
- 在使用这个方法之前,你需要先确保你的微信公众号已经开通了自定义分享内容的功能。
- 这个方法只适用于在微信中打开的网页。
- 分享的内容必须符合微信的规定,否则可能会被屏蔽。