Saber2pr's Blog

公众号H5登录

和小程序不同,小程序可以通过wx.login直接获取code,使用button[open-type=getUserInfo]回调中的解密向量来获取用户信息。H5网页没有相关接口,微信给出了oauth2解决方案:

在H5访问下面的地址,用户授权后页面会重定向到redirect_uri指定的地址,并带上code参数

const oauth2_authorize = 'https://open.weixin.qq.com/connect/oauth2/authorize?appid={appid}&redirect_uri={redirect_uri}&response_type=code&scope=snsapi_userinfo#wechat_redirect'

其中appid是公众号应用id

有了code就可以去后台换取用户信息了。

注意点

  1. 这个url不是直接就可以调用的,需要公众号后台配置h5 oauth域名,设置域名前需要先下载校验文件txt证书放到项目根目录下(next.js是/public目录),然后保存域名设置,h5才可以访问authorize链接。