单点登陆（SSO）基于CAS实现前后端分离的SSO系统开发「IDP发起」-Toy模板网

这篇具有很好参考价值的文章主要介绍了单点登陆（SSO）基于CAS实现前后端分离的SSO系统开发「IDP发起」。希望对大家有所帮助。如果存在错误或未考虑完全的地方，请大家不吝赐教，您也可以点击"举报违法"按钮提交疑问。

关于其他前端常见登录实现+单点登录方案，请见「前端常见登录实现方案 + 单点登录方案
」

前沿

单点登录（SSO），英文全称为 Single Sign On。 SSO 是指在多个应用系统中，用户只需要登录一次，就可以访问所有相互信任的应用系统。

一般同域的SSO，用共享session就可以实现了，常见于各微服务都是自己开发的情况。更普遍的场景是跨域集成的SSO，这时候一般采用标准的CAS方案。

IDP SSO 服务用于解决同一公司不同业务应用之间的身份认证问题，只需要登录一次，即可访问所有添加的应用。此服务可以涵盖用户在公有云和私有云中的双重需求。

几个名词

TGT： （Ticket Granting Ticket）这是CAS Server里保存的，用于认证用户已经在CAS登录过
TGC： （Ticket Granting Cookie）跟上面的TGT对应，是已经认证过的用户在浏览器里保存的cookie
ST： （Service Ticket）这是CAS Server发给应用服务器的凭证，应用服务器再用ST到CAS Server认证
Authentication： 【认证】即确认该用户的身份是他所声明的那个人
Authorization：【授权】即根据用户身份授予他访问特定资源的权限

CAS认证

Central Authentication Service简称CAS，是一种常见的B/S架构的SSO协议。和其他任何SSO协议一样，用户仅需登陆一次，访问其他应用则无需再次登陆。
CAS是一种仅用于Authentication【认证】的服务，它和OAuth/OIDC协议不一样，并不能作为一种Authorization【授权】的协议。
当前CAS协议包括CAS 1.0、CAS2.0、CAS3.0版本，这三个版本的认证流程基本类似。

👇 下面一个标准的CAS认证流程图：

单点登陆（SSO）基于CAS实现前后端分离的SSO系统开发「IDP发起」,前端,大前端,javascript,SSO,CAS

大致流程：
当用户请求应用服务器提供的某个服务abc，如果没有登录过，那么会返回一个302，跳转到 cas/login?service=abc，在CAS登录后，又会302到abc?ticket=STxxxxx（这里abc就是前面service填的地址），应用服务器用这个ticket到CAS Server认证，如果OK的话，再一次302到abc，完成整个认证过程

IDP 全流程（前后端分离的场景）

现在web应用一般采用前后端分离的架构，通过ajax请求后端服务，这样会无法跳转回原来的静态页面，需要对原有的CAS流程的稍加改造，下面是一个基于CAS实现的IDP系统的完整流程。

👇 应用A 通过 IDP登录

单点登陆（SSO）基于CAS实现前后端分离的SSO系统开发「IDP发起」,前端,大前端,javascript,SSO,CAS

👆 阐述 IDP 发起的单点登录流程：

用户访问应用A页面，如：http://a.com/item

应用A向A后端请求接口，如：http://a.com/api/item

A后端检测登录状态，若该用户已登录直接跳至步骤（15. 正常访问），未登录则返回状态码403&跳转链接，如：http://idp.com

应用A携带 target_url 重定向到 IDP 登录页面，如：http://idp.com?callback=a.com/item

用户在IDP中输入 IDP 的登录手机号并请求验证码

IDP前端向IDP后端服务请求验证码接口，如：http://idp.com/api/code

IDP后端别用户手机发送验证码

用户填写验证码，并登录

IDP前端向IDP后端服务请求登录接口，如：http://idp.com/api/session

IDP后端认证通过后，会生成 TGC&ST，返回给IDP前端

IDP前端 302 跳转到应用A页面到 SSO URL 地址 redirect_uri并携带ST，如：http://a.com/item?st=xxx

应用A页面通过url中的st向应用A后端去认证登录

应用A后端再去IDP后端认证登录状态，如：http://idp.com/profile?st

IDP后端认证通过后，向应用A后端返回用户的信息

应用A后端拿到用户信息生成 Token并返回给应用A前端保存

最终，用户查看到之前访问的应用A前端，如：http://a.com/item

👇 IDP登录成功，应用B 通过 IDP直接登录

单点登陆（SSO）基于CAS实现前后端分离的SSO系统开发「IDP发起」,前端,大前端,javascript,SSO,CAS

👆 阐述IDP登录成功，应用B 通过 IDP直接单点登录流程：
【大致步骤同应用A 通过 IDP登录，只是少了IDP登录认证的几步】

用户访问应用B页面，如：http://b.com/item

应用B向B后端请求接口，如：http://b.com/api/item

B后端检测登录状态，若该用户已登录直接正常访问，未登录则返回状态码403&跳转链接，如：http://idp.com

应用B携带 target_url 重定向到 IDP 登录页面，如：http://idp.com?callback=b.com/item

IDP前端通过session获取TGC向IDP后端服务换取ST，IDP后端认证通过后向IDP前端返回ST

IDP前端 302 跳转到应用B页面到 SSO URL 地址 redirect_uri并携带ST，如：http://b.com/item?st=xxx

应用B页面通过url中的st向应用B后端去认证登录

应用B后端再去IDP后端认证登录状态，如：http://idp.com/profile?st

IDP后端认证通过后，向应用B后端返回用户的信息

应用B后端拿到用户信息生成 Token并返回给应用B前端保存

最终，用户查看到之前访问的应用B前端，如：http://b.com/item

👇 应用退出登录，IDP退出，所有平台都退出登录

单点登陆（SSO）基于CAS实现前后端分离的SSO系统开发「IDP发起」,前端,大前端,javascript,SSO,CAS

👆 阐述应用退出登录，IDP单点退出登录流程：

用户访问应用A页面，点击退出登录，如：http://a.com/logout

应用A向A后端请求退出登录接口，如：http://a.com/api/logout

A后端向IDP后端发送退出登录请求，注销全部TGC&ST

IDP后端向所有应用后端告知退出事件，如：http://a.com/callback、http://b.com/callback