微信自定义分享

最新推荐文章于 2020-12-11 15:30:15 发布

jinvkeo

最新推荐文章于 2020-12-11 15:30:15 发布

阅读量228

点赞数

CC 4.0 BY-SA版权

分类专栏：前端文章标签：微信自定义分享

本文链接：https://blog.youkuaiyun.com/jinvkeo/article/details/90315746

前端专栏收录该内容

5 篇文章

订阅专栏

博客给出了微信自定义分享的代码实现。通过wx.config进行配置，包含公众号标识、时间戳等信息。在wx.ready中检测JS接口，根据情况使用不同接口设置分享内容，如标题、描述等，同时还有报错提示功能。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

wx.config({
debug: true, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。
appId: ‘’, // 必填，公众号的唯一标识
timestamp:’’ , // 必填，生成签名的时间戳
nonceStr: ‘’, // 必填，生成签名的随机串
signature: ‘’,// 必填，签名
jsApiList: [‘updateAppMessageShareData’,‘onMenuShareAppMessage’] // 必填，需要使用的JS接口列表
});
wx.ready(function(){
wx.checkJsApi({
jsApiList: [‘updateAppMessageShareData’,‘onMenuShareAppMessage’], // 需要检测的JS接口列表
success: function(res) {
alert(res);
// 以键值对的形式返回，可用的api值true，不可用为false
// 如：{“checkResult”:{“chooseImage”:true},“errMsg”:“checkJsApi:ok”}
}
});
if(wx.onMenuShareAppMessage){ //微信文档中提到这两个接口即将弃用，故判断
wx.onMenuShareAppMessage({
title: ‘’, // 分享标题
desc: ’ ', // 分享描述
link: ‘’, // 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
imgUrl: ‘’, // 分享图标
success: function () {
alert(“分享内容设置成功,请点击右上角菜单按钮自行进行分享。”);
}
});//1.0 分享给朋友
}else {
wx.updateAppMessageShareData({
title: ‘’, // 分享标题
desc: ‘’, // 分享描述
link: ‘’, // 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
imgUrl: ‘’, // 分享图标
success: function () {
alert(“分享内容设置成功,请点击右上角菜单按钮自行进行分享。”);
}
});//1.4 分享给朋友
}
});
wx.error(function(res){//报错提示
alert(res.errMsg);
});
}