最近项目中遇到了关于微信分享的问题,在这里记录一下,希望对大家有帮助
首先要引入微信的:<script src="http://res.wx.qq.com/open/js/jweixin-1.6.0.js"></script>
一般情况下后端都会给我们一个接口,我们会将当前页的网址给传递过去,请求成功后,返回数据,这时候我们就可以对微信分享进行一些配置
wx.config({
debug: true, // 开启调试模式,调用的所有 api 的返回值会在客户端 alert 出来,若要查看传入的参数,可以在 pc 端打开,参数信息会通过 log 打出,仅在 pc 端时才会打印。
appId: '', // 必填,公众号的唯一标识
timestamp: 0, // 必填,生成签名的时间戳
nonceStr: '', // 必填,生成签名的随机串
signature: '',// 必填,签名
jsApiList: ["updateAppMessageShareData"] // 必填,需要使用的 JS 接口列表
});
配置完成后,在进行下面配置
wx.ready(function () { //需在用户可能点击分享按钮前就先调用
wx.updateAppMessageShareData({
title: '', // 分享标题
desc: '', // 分享描述
link: '', // 分享链接,该链接域名或路径必须与当前页面对应的公众号 JS 安全域名一致
imgUrl: '', // 分享图标
success: function () {
// 设置成功
}
})
});
要分享的标题,描述,分享的链接,图标
这些都完成后分享功能也就实现了