前(AngluarJS)后(Java)端分离微信授权
来源:互联网 发布:网络运行工作计划 编辑:程序博客网 时间:2024/06/04 00:40
简介
这是第一次前后端分离编写项目,后端使用的Java语言,框架使用的是SpringBoot框架,前端使用框架AngularJs。
最终的大致思路是
1、前端请求正常接口,进入拦截器,后台从Cookie中没取到值,返回54000给前端。2、由前端页面发起授权跳转(跳转到微信官方的那个授权接口)。3、用户点击同意后,跳转后台接口接收code。4、后端通过code获取用户的access_token和openid,然后获取用户信息,进行登录/注册,将JWT的token存入Cookie。5、进入前端页面,再次请求正常接口,因为Cookie中存在值,返回正常数据成功。
1.进入页面前端使用Ajax发送请求
2.后台拦截器拦截请求,先判断头部header中是否存在token,如果不存在则判断Cookie中是否存在token,如果token不为空并符合规则,返回true跳转真正请求的接口。最后没取到值判断接口是否加了注解,没有返回true结束挑战真正接口,加了注解返回false结束,response返回54000。
3.前端收到54000响应后,请求微信授权接口,其中redirect_uri为后台的接收code接口url,参数为前端页面链接和微信返回code(注意这个redirect_uri要UrlEncode转码)。
4.用户确认授权,微信回调跳转redirect_uri,后台根据code取用户的access_token和openid,然后获取用户信息,进行插入数据库,将用户信息JWT的token存入cookie,根据参数前端链接跳回前端页面。
5.进入前端页面,再次请求正常接口,因为Cookie中存在值,返回正常数据成功。
有点乱,明天画个流程图优化
阅读全文
0 0
- 前(AngluarJS)后(Java)端分离微信授权
- 微信授权登录-前后端分离
- AngluarJS入门教程(0)
- 微信开放平台授权登录(java版)
- 微信公众号授权登录(java实现)
- java 微信授权后获取微信用户信息昵称乱码问题 解决
- java微信授权登陆
- java微信开发API解析(七)-网页开发-微信网页授权
- 微信授权域名允许子域名,前后端分离nginx做子域名静态页面映射,解决nginx跨域以及ajax跨域
- 手机端访问第三方java服务器后判断是否进行OAuth2.0网页微信公众号授权认证
- 微信网页授权(获取用户信息)
- 微信公众号授权(前端)
- java前后端分离后的跨域问题解决
- 前后端分离(一)
- 前后端分离(二)
- 前后端分离(三)
- 前后端分离微信支付回调
- Xen前后端分离设备驱动模型通信过程分析(包括事件通道、授权表、环缓冲区)
- 第十四周项目2
- 大小字母的互换
- C语言关键字
- centos 7安装 mysql-5.7.20
- Activemq消息队列的集成与使用
- 前(AngluarJS)后(Java)端分离微信授权
- 【笔记-C语言】 运算符
- 好久没有写博客了
- Maven学习资料收录
- 66. Plus One
- AR/VR/MR技术
- echarts的legend分多处排列
- iOS -- 内存分配器
- 正则表达式与通配符