简介
在前后端分离情况下实现微信服务号和订阅号授权登录,项目使用springboot+Vue前后端分离的开发模式。
备注:目前只提供后端代码实现以及业务逻辑
流程图
服务号
开发逻辑
进入活动页面根据
code
和
state
参数判断,如果参数为空则调用
微信授权URL路径
接口,否则就调用
获取用户授权信息
接口,通过
code
和
state
就能够获取到当前授权用户的用户信息。
步骤
1、首次进入页面,获取微信重定向URL
首次进入页面,如果地址中没有code和state,那么就表示当前活动没有授权用户信息,所以此时需要获取后台拼接好的微信重定向URL接口,然后通过URL跳转授权。
接口返回如下字符串:
https://open.weixin.qq.com/connect/oauth2/authorize?appid=APPID&redirect_uri= redirectURL&response_type=code&scope=snsapi_userinfo&state=STATE#wechat_redirect
- APPID : 服务号APPID
- redireURL : 重定向页面地址
具体参考
AuthorizedLoginController
类中的authorizedLoginUrl方法
2、通过微信接口重定向到活动页面
通过用户确认授权,微信再重定向到活动页面,并且返回code和state参数,通过这两个参数再次调后台接口,获取用户授权信息。
http://m.ershouhui.com/yf/201710/finger/activity/?code=021ieRZt1CVY3a0GqNZt175QZt1ieRZE&state=STATE
根据返回的code和state,处理之后调用获取授权信息方法
3、通过code和state获取用户信息
根据code和state参数,获取用户授权信息。
具体参考
AuthorizedLoginController
类中的getWxAuthorizedUser方法
订阅号
由于订阅号无法从网页直接授权登录,所以需要借助于服务号APPID来关联实现用户授权等操作。
想获取当前用户是否关注订阅号,需要通过
https://api.weixin.qq.com/cgi-bin/user/info?access_token=%s&openid=%s&lang=zh_CN
来获取用户信息,返回的参数中有一个字段叫subscribe,为1表示已经关注,为0表示未关注。
参考资料
参与者