首页 > 编程知识 正文

微信分享 js,JS-SDK微信分享接口

时间:2023-05-03 05:05:46 阅读:267187 作者:495

请仔细查看官方文档 微信JS-SDK

绑定js域名

登录 微信公众平台 ,选择设置里面的【公众号设置】,选项卡第二栏的【功能设置】,找到【JS接口安全域名】,将需要用到的域名添加,最多添加三个

注意:不需要添加http://

页面引入js文件 <script src="http://res.wx.qq.com/open/js/jweixin-1.6.0.js"></script>

注意:如果你的域名是https,这里同样需要引入https域名

配置 wx.config({ debug: true, // 开启调试模式,调用的所有api的返回值会在客户端alert出来,若要查看传入的参数,可以在pc端打开,参数信息会通过log打出,仅在pc端时才会打印。 appId: '', // 必填,公众号的唯一标识 timestamp: , // 必填,生成签名的时间戳 nonceStr: '', // 必填,生成签名的随机串 signature: '',// 必填,签名 jsApiList: [] // 必填,需要使用的JS接口列表}); jsApiList 数组,元素为接口名字符串,可以查看文档最末的附录列表

具体参数后端如何得到,你也可以将文档拉到下方,有后端实践示例,如果你之前做过微信支付,一定对如何获取这些参数不陌生

分享设置

之前使用的老函数名onMenuShareTimeline 等即将废弃,建议使用新的

wx.ready(function () { //需在用户可能点击分享按钮前就先调用 // 自定义“分享给朋友”及“分享到QQ”按钮的分享内容 wx.updateAppMessageShareData({ title: '', // 分享标题 desc: '', // 分享描述 link: '', // 分享链接,该链接域名或路径必须与当前页面对应的公众号JS安全域名一致 imgUrl: '', // 分享图标 success: function () { // 设置成功 } }); // 自定义“分享到朋友圈”及“分享到QQ空间”按钮的分享内容 wx.updateTimelineShareData({ title: '', // 分享标题 link: '', // 分享链接,该链接域名或路径必须与当前页面对应的公众号JS安全域名一致 imgUrl: '', // 分享图标 success: function () { // 设置成功 } })});

如果你不需要提示用户分享结果,success 就不需要回调了

关于imgUrl需要注意以下几点:

需要使用包含域名的图片绝对地址,不能使用相对地址如果是https ,则图片地址也要以https开头,不然会显示不成功

关于title 和 link 我一般设置是获取页面的:

{title: $("title").text(),link: window.location.href,}

版权声明:该文观点仅代表作者本人。处理文章:请发送邮件至 三1五14八八95#扣扣.com 举报,一经查实,本站将立刻删除。