引入js
<script src="http://res2.wx.qq.com/open/js/jweixin-1.4.0.js"></script>
然后进行配置(通过config接口注入权限验证配置)
wx.config({
debug: true, // 开启调试模式,调用的所有api的返回值会在客户端alert出来,若要查看传入的参数,可以在pc端打开,参数信息会通过log打出,仅在pc端时才会打印。
appId: '', // 必填,公众号的唯一标识
timestamp: , // 必填,生成签名的时间戳
nonceStr: '', // 必填,生成签名的随机串
signature: '',// 必填,签名
jsApiList: [] // 必填,需要使用的JS接口列表
});
通过ready接口处理成功验证
wx.ready(function () { //需在用户可能点击分享按钮前就先调用
//分享给好友
wx.updateAppMessageShareData({
title: 'xx老师的名片', // 分享标题
desc: '详情', // 分享描述
link: window.location.href, // 分享链接,该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
imgUrl: 'https://sucai.suoluomei.cn/sucai_zs/images/20200214133027-fasfava.jpg', // 分享图标
success: function () {
// 设置成功
console.log("好友设置成功")
}
})
});
ready中是进行自定义分享的分享接口,每调用一个js接口需要在config配置的jsApiList中进行添加,
此时我们调用了updateAppMessageShareData,所以config中应该如下所示
wx.config({
debug: true, // 开启调试模式,调用的所有api的返回值会在客户端alert出来,若要查看传入的参数,可以在pc端打开,参数信息会通过log打出,仅在pc端时才会打印。
appId: '', // 必填,公众号的唯一标识
timestamp: , // 必填,生成签名的时间戳
nonceStr: '', // 必填,生成签名的随机串
signature: '',// 必填,签名
jsApiList: ['updateAppMessageShareData'] // 必填,需要使用的JS接口列表
});