1. 简介
微信自定义分享是指在微信内部分享时能够显示自定义的分享标题、描述和图片。默认情况下,微信分享是根据网页的标题、描述和图片来生成分享内容的,但是通过一些特定的方法可以实现自定义分享。
2. 实现自定义分享的方法
2.1 使用微信官方JS-SDK
微信提供了一个官方的JavaScript SDK,通过该SDK可以实现一系列的微信相关功能,包括自定义分享。
// 引入JS-SDK
<script src="https://res.wx.qq.com/open/js/jweixin-1.4.0.js"></script>
// 配置JS-SDK
wx.config({
debug: false,
appId: 'YOUR_APP_ID',
timestamp: ,
nonceStr: '',
signature: '',
jsApiList: [
'updateAppMessageShareData',
'updateTimelineShareData'
]
});
// 自定义分享内容
wx.ready(function () {
wx.updateAppMessageShareData({
title: '自定义分享标题',
desc: '自定义分享描述',
link: '分享链接',
imgUrl: '分享图片链接',
success: function () {
// 分享成功后的回调函数
}
});
wx.updateTimelineShareData({
title: '自定义分享标题',
link: '分享链接',
imgUrl: '分享图片链接',
success: function () {
// 分享成功后的回调函数
}
});
});
2.2 使用PHP获取动态分享内容
有时候我们需要根据页面的内容动态生成分享标题、描述和图片,可以使用PHP来实现。
// 获取当前页面的URL
$url = 'http://' . $_SERVER['HTTP_HOST'] . $_SERVER['REQUEST_URI'];
// 获取页面的标题
$title = '自定义分享标题';
// 获取页面的描述
$description = '自定义分享描述';
// 获取页面的图片URL
$imageUrl = '分享图片链接';
2.3 在页面中添加自定义分享代码
在页面中直接添加自定义分享代码:
<script>
function updateShareInfo() {
// 自定义分享内容
wx.updateAppMessageShareData({
title: '',
desc: '',
link: '',
imgUrl: '',
success: function () {
// 分享成功后的回调函数
}
});
wx.updateTimelineShareData({
title: '',
link: '',
imgUrl: '',
success: function () {
// 分享成功后的回调函数
}
});
}
// 异步加载微信JS-SDK
function loadWXSDK() {
var script = document.createElement("script");
script.src = "https://res.wx.qq.com/open/js/jweixin-1.4.0.js";
script.onload = function () {
// 配置微信JS-SDK
wx.config({
debug: false,
appId: 'YOUR_APP_ID',
timestamp: '',
nonceStr: '',
signature: '',
jsApiList: [
'updateAppMessageShareData',
'updateTimelineShareData'
]
});
// 配置完成后调用自定义分享函数
wx.ready(function () {
updateShareInfo();
});
};
document.body.appendChild(script);
}
// 异步加载微信JS-SDK
loadWXSDK();
</script>
3. 总结
通过使用微信官方JS-SDK和PHP,我们可以实现在微信内部自定义分享的功能。在页面中添加相应的代码后,用户在微信内分享时就能够显示我们自定义的分享标题、描述和图片。