如何避免在Vue中使用微信公众号JS-SDK时遇到各种坑？

本文共计2167个文字，预计阅读时间需要9分钟。

最近在Vue中集成了微信公众号API，体验真的很深刻。上次分享了微信授权登录和JS-SDK签名的过程，很多朋友私下表示疑惑。今天我再尝试梳理一下。

最近又在vue中捣鼓了下微信公众号api的接入，不得不说这里边水是真的深啊，上次分享了微信授权登录和js-sdk签名的部分，其中很多朋友私信我表示了疑惑，今天我就再次尝试理顺一下这里边的坑吧：

微信JS-SDK是微信公众平台面向网页开发者提供的基于微信内的网页开发工具包。
通过使用微信JS-SDK，网页开发者可借助微信高效地使用拍照、选图、语音、位置等手机系统的能力，同时可以直接使用微信分享、扫一扫、卡券、支付等微信特有的能力，为微信用户提供更优质的网页体验。

分享页面到朋友圈

上文是从官方文档中摘出来的，由此可见，我们如果要实现在公众号的内嵌h5中实现微信分享，支付等功能，就得引入js-sdk。
使用js-sdk有一个关键的环节，那就是通过config接口注入权限验证配置，而配置中有个signature参数是需要借助服务端获取的，这里就不过多探讨了，大家通过官方文档可以深入了解。