-
引入微信js
<script src="https://res.wx.qq.com/open/js/jweixin-1.2.0.js" type="text/javascript"></script>
-
配置wx.config,其中appID、TimeStamp、NonceStr、SigNature都是由后台生成,需要生成url地址这边我是由前端传给后台,通过 document.location.href.replace(/=/g, ‘[eq]’) 传参给后台,
第二次分享微信会加一堆参数,防止 ‘=’ 报错,所以用【eq】替换 ‘=’ ,后台收到以后需要把 = 再换回来
分享的时候得保证当前页面地址与后台生成签名保持一致
图片大小不能太大,地址需要能通过浏览器访问,wx.config({ debug:false,// 是否开启调试模式 appId:res.payload.appID,//appid timestamp:res.payload.TimeStamp,// 时间戳 nonceStr:res.payload.NonceStr,// 随机字符串 signature:res.payload.SigNature,// 签名 jsApiList:[ 'onMenuShareTimeline', 'onMenuShareAppMessage', ]// 需要使用的JS接口列表 wx.ready(function(){ // 分享给好友 wx.onMenuShareAppMessage({ title:'馨悦名邸 全屋整装',// 分享标题 desc:'庆祝全筑e家入驻馨悦名邸,大师设计为你而来',// 分享描述 link:window.location.href,// 分享链接 imgUrl:'https://huodong.quanzhuejia.com/h5_share_03.jpg',// 分享图标 success: function(){ doShareDone() }, cancel:function(){ doShareCancel() } }) // 分享到朋友圈 wx.onMenuShareTimeline({ title:'馨悦名邸',// 分享标题 link:window.location.href,// 分享链接 imgUrl:'https://huodong.quanzhuejia.com/h5_share_03.jpg',// 分享图标 success:function(){ doShareDone() }, cancel:function(){ doShareCancel() } }) });```
h5页面调用微信jssdk分享
最新推荐文章于 2024-05-28 16:27:02 发布