前端做微信好友分享_web端实现微信分享功能

微信分享的东西目前文档已经很完善了。记录下做微信分享时遇到的坑，以及流程。

配置相关的就不说了， 文档里很明白。

1：先登录微信公众平台进入“公众号设置”的“功能设置”里填写“JS接口安全域名”。

2：在需要调用JS接口的页面引入如下JS文件，(支持https)：

3：前端需要获取的是以下配置参数

wx.config({

debug: true,

// 开启调试模式,调用的所有api的返回值会在客户端alert出来，

//若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。

appId: '', // 必填，公众号的唯一标识 在公众号后台找 也可以后端返回

timestamp: , // 必填，生成签名的时间戳 后端返回 示例 : 1566466330

nonceStr: '', // 必填，生成签名的随机串 后端返回 示例 : 'qcmjlufmkiu6ls3pm9fl6zpw4upaphpu'

signature: '',// 必填，签名 后端返回 示例 : 898c11a276d3ac322ac8fa2a1c9c4478d911bd3f

jsApiList: [] // 必填，需要使用的JS接口列表

});

其中 重点说一下 signature 此签名是由 后端通过 jsapi_ticket 、noncestr 、 timestamp 、url( 当前页面 location.href) 来生成的。 url需要前端传给后端 尽量别去改变url 否则会签名失败；比如我之前想把微信分享后