ruoyi通过oauth对接pig实现sso流程讲解

1、时序图

ruoyi通过oauth对接pig实现sso流程讲解_第1张图片

2、流程解析

本流程是以使用Ruoyi对接Pig授权中心为例,进行讲解,其他网站的的oauth的原理都和这个一样,所以只要把这个流程搞懂了即可,接下来就按照真实的流程进行逐步解析。

2.1 第1步

用户还未登录,访问ruoyi前端,ruoyi会自动跳转到自己的登录首页
ruoyi通过oauth对接pig实现sso流程讲解_第2张图片

2.2 第2步

点击SSO登录会访问如下这样子的一个url,申请授权,(127.0.0.1:3000就是授权服务器)
https://127.0.0.1:3000/oauth/authorize?client_id=ruyi&response_type=code&scope=server&redirect_uri=http://127.0.0.1:1024/sso&TENANT-ID=1,当授权服务收到这个请求时会发现用户还未登录授权服务器,会重定向到授权服务器的登录页面http://127.0.0.1:3000/token/login,大概就是下面这样

ruoyi通过oauth对接pig实现sso流程讲解_第3张图片

2.3 第3步

用户输入帐号密码提交后pig授权中心会校验ruoyi客户端是否合法,就是验证你这个客户端是否在pigx中已经注册,验证通过再验证你输入的用户名密码是否正确,验证通过后再生成一个授权页面,就是和平时我们微信授权给第三方小程序弹出一个让你确认授权的那个界面差不多,参考下一步

2.4 第4步

用户点击授权,
ruoyi通过oauth对接pig实现sso流程讲解_第4张图片

2.5 第5步

pig授权中心生成授权码

2.6 第6步

pig产生授权码后,会带着这个授权码重定向到注册客户端时填的那个地址,这里就是http://127.0.0.1:1024/sso?code=U1wLD7 这个地址是在数据库注册好的,它是ruoyi前端的一个页面,并不是后端接口

ruoyi通过oauth对接pig实现sso流程讲解_第5张图片

ruoyi通过oauth对接pig实现sso流程讲解_第6张图片

2.7 第7步

ruoyi前端构造一个请求,并且携带code请求ruoyi后端接口,
ruoyi通过oauth对接pig实现sso流程讲解_第7张图片
ruoyi通过oauth对接pig实现sso流程讲解_第8张图片

2.8 第8步

ruoyi后端拿到code,发送post请求到http://127.0.0.1:3000/oauth/token获取token,注意这是个oauth的默认端点,不是用户写的,在TokenEndPoint类中
ruoyi通过oauth对接pig实现sso流程讲解_第9张图片

2.9 第9步

pig授权中心生成token,这里生成token的逻辑可以自定义实现,具体的请参考pig的源码TokenService类
ruoyi通过oauth对接pig实现sso流程讲解_第10张图片

2.10 第10步

pig授权中心生成的token返回到ruoyi后端,ruoyi后端拿到token
ruoyi通过oauth对接pig实现sso流程讲解_第11张图片

2.11 第11步

有了token后面的就不再赘述,可以拿token访问资源了,这里其实仅仅用了oauth2的特性来做了一个sso单点登录,并没有用到oauth2的核心来进行资源服务器的访问,oauth2的核心其实是用来无需帐号密码即可访问资源服务器的资源。

你可能感兴趣的:(SpringSecurity,oauth2,前端)