赞
踩
最近几周面试复习以前知识库,刚好博客从国外迁移到国内CSND,同步坐下笔记,梳理之前开发H5 微信授权登录功能获取用户信息数据。
H5页面微信授权登录,使用微信官方JSSDK,微信网页授权较为复杂,需要前后端开发。
原生APP微信授权、H5微信授权(JSSDK)、微信小程序、PC web 微信授权
客户端:用户主动触发,请求微信授权接口(带上appid+redirect_url)
微信官方:返回code,传参返回给redirect_url
客户端:重定向页面接收参数code,请求后端getCode接口(带上code)
服务端:判断当前access_token是否存在、是否过期,不存存在、已过期则调用getOpenId请求微信官方接口(带上code+appId+appScret),获取用户OpenId
服务端:请求获取access_token(带上OpenId),并存储
服务端:请求获取userInfo(带上access_token+OpenId),返回用户信息给前端
客户端:登录成功、个人中心展示用户信息、LocalStorage存储用户信息
H5登录页
同意授权
登录成功
获取用户信息、定位信息等
Copyright © 2003-2013 www.wpsshop.cn 版权所有,并保留所有权利。