第三方H5获取微信用户信息
网上找了很久,对H5获取微信用户信息都语焉不详,有的说能,有的说不能。
而微信文档经常改来改去,看了一圈最新的是2022年的,也不知道2023年的文档能不能用。
颇有点前朝的剑能不能斩本朝的官,这种焦虑的心态。
好在今天处理完并进行了实操。
我使用的是uniapp开发的H5
想要获取微信用户信息,第一个就是要有公众号。

首先就是网页授权域名,当前的H5访问地址(要域名备案,要https)
然后就是配置白名单:(这个是为了后端能够调用公众号的相关数据,appid和Secret也要留存在后端)

然后就是实操了:(主要参考官方文档:https://developers.weixin.qq.com/doc/offiaccount/OA_Web_Apps/Wechat_webpage_authorization.html)
第一步用户授权:
用户访问的页面地址需要进行拼接,如果在微信里面打开这个链接的话微信会解析然后跳转回我们的H5页面也就是最开始授权的网页域名,这个根据文档来进行就好了。
需要注意的是我们页面的链接最好是使用history模式,hash模式也只能是勉强够用。
这样我们就能够获取用户的code,如果按照官方文档来的话要走三四个流程,而且appid和对应的Secret有暴露的风险,而且还很大。
我这边是让后端进行处理,将流程压缩至一步,前端只需要调一个接口传递一个用户code,让后端去操作这些流程直接返回到前端用户信息。
最开始我还引入的微信的sdk,但是整个流程走下来发现完全用不上,最起码在获取用户信息这块是用不上这个sdk的。

浙公网安备 33010602011771号