cas自定义登录页面的提交按钮要怎么改

cas自定义登录页面的提交按钮要怎么改,第1张

1. 动机

用过 CAS 的人都知道 CAS-Server端是单独部署的,作为一个纯粹的认证中心。在用户每次登录时,都需要进入CAS-Server的登录页填写用户名和密码登录,但是如果存在多个子应用系统时,它们可能都有相应风格的登录页面,我们希望直接在子系统中登录成功,而不是每次都要跳转到CAS的登录页去登录。 

2. 开始分析问题

其实仔细想一想,为什么不能直接在子系统中将参数提交至 cas/login 进行登录呢? 于是便找到了CAS在登录认证时主要参数说明:

service         [OPTIONAL] 登录成功后重定向的URL地址;

username    [REQUIRED] 登录用户名;

password    [REQUIRED] 登录密码;

lt                    [REQUIRED] 登录令牌;

主要有四个参数,其中的三个参数倒好说,最关键的就是 lt , 据官方说明该参数是login ticket id, 主要是在登录前产生的一个唯一的“登录门票”,然后提交登录后会先取得"门票",确定其有效性后才进行用户名和密码的校验,否则直接重定向至 cas/login 页。

于是,便打开CAS-Server的登录页,发现其每次刷新都会产生一个 lt, 其实就是 Spring WebFlow 中的 flowExecutionKey值。 那么问题的关键就在于在子系统中如何获取 lt 也就是登录的ticket? 

3. 可能的解决方案

一般对于获取登录ticket的解决方案可能大多数人都会提到两种方法:

AJAX:  熟悉 Ajax 的可能都知道,它的请求方式是严格按照沙箱安全模型机制的,严格情况下会存在跨域安全问题。

IFrames: 这也是早期的 ajax 实现方式,在页面中嵌入一个隐藏的IFrame,然后通过表单提交到该iframe来实现不刷新提交,不过使用这种方式同样会带来两个问题:

a.  登录成功之后如何摆脱登录后的IFrame呢?如果成功登录可能会导致整个页面重定向,当然你能在form中使

用属性target="_parent",使之d出,那么你如何在父页面显示错误信息呢?

b.  你可能会受到布局的限止(不允许或不支持iframe)

        对于以上两种方案,并非说不能实现,只是说对于一个灵活的登录系统来说仍然还是会存在一定的局限性的,我们坚信能有更好的方案来解决这个问题。 

4. 通过JS重定向来获取login ticket (lt) 

       当第一次进入子系统的登录页时,通过 JS 进行redirect到cas/login?get-lt=true获取login ticket,然后在该login中的 flow 中检查是否包含get-lt=true的参数,如果是的话则跳转到lt生成页,生成后,并将lt作为该redirect url 中的参数连接,如 remote-login.html?lt=e1s1,然后子系统再通过JS解析当前URL并从参数中取得该lt的值放置登录表单中,即完成 lt 的获取工作。其中进行了两次 redirect 的 *** 作。 

       

5. 开始实践 

       首先,在我们的子系统中应该有一个登录页面,通过输入用户名和密码提交至cas认证中心。不过前提是先要获取到  login tickt id. 也就是说当用户第一次进入子系统的登录页面时,在该页面中会通过js跳转到 cas/login 中的获取login ticket. 在 cas/login 的 flow 中先会判断请求的参数中是否包含了 get-lt 的参数。 

      在cas的 login flow 中加入 ProvideLoginTicketAction 的流,主要用于判断该请求是否是来获取 lt,在cas-server端声明获取 login ticket action 类: 

com.denger.sso.web.ProvideLoginTicketAction 

1)下载CASphp客户端。我下载的是CAS-1.3.3版本2)文件结构,如图:3)在php项目根目录下面创建cas文件夹。拷贝CAS文件夹,CAS.php,docs文件夹下的examples下面的文件至php项目cas文件夹中。4)修改CAS.php文件example_html.php文件修改phpCAS::client(CAS_VERSION_2_0,$cas_host,$cas_port,$cas_context)为phpCAS::client(CAS_VERSION_2_0,'127.0.0.1',8443,'cas')以上步骤,可完成php的cas配置。但是根据具体项目,需要稍作修改。


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/bake/11568759.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-17
下一篇 2023-05-17

发表评论

登录后才能评论

评论列表(0条)

保存