微信公众号授权流程

发布于:2024-08-16 ⋅ 阅读:(216) ⋅ 点赞:(0)

下面这是我理解的大题流程,其实这个还是有点绕有点复杂的,之前刚接触公众号的时候,一样搞不懂这个,建议大家可以观看视频学习,我也是看了视频才看懂的

这是视频地址 微信公众号,拉起授权,获取openid,获取用户信息-kk 2022-12-11 20-01-46_哔哩哔哩_bilibili,不是我录的,是我找到的视频,这是源码仓库地址

https://gitee.com/618859/WeChat-official-account-openid.git

然后这是下面这个我理解的,大题代码的运行流程

getConfig(前端) --------> /getConfig(后端) --------> getInfo(前端) --------> getUrlParams(前端)  --------> `https://open.weixin.qq.com/connect/oauth2/authorize?appid=${config.appId}&redirect_uri=${backUrl}&response_type=code&scope=snsapi_userinfo&state=STATE#wechat_redirect`(微信授权页面,点击确定跳转后端login接口) --------> /login.html(后端,此时已经得到了params参数) --------> getConfig(前端) --------> /getConfig(后端) --------> getInfo(前端) --------> getUrlParams(前端) --------> getUserInfoByCode(前端) --------> /getUserInfo(后端,就是在这一步获取用户信息的) -------->https://api.weixin.qq.com/sns/oauth2/access_token?appid=${wxConfig.appId}&secret=${wxConfig.appsecret}&code=${code}&grant_type=authorization_code(微信接口,再次返回一个字符串) -------->getUserInfo(后端,通过这里再次请求微信接口)-------->https://api.weixin.qq.com/sns/userinfo?access_token=${obj.access_token}&openid=${obj.openid}&lang=zh_CN(通过前面获得的参数,在这一步获得用户信息,返回给前端)-------->getConfig(前端) --------> /getConfig(后端) --------> getInfo(前端)-------->getMyData(前端)


网站公告

今日签到

点亮在社区的每一天
去签到