新浪微博如何实现 SSO 的分析

Posted on feb. 2 2014

新浪微博如何实现 SSO 的分析 - 企业应用 - Java - ITeye论坛

您还未登录 ! 登录注册

论坛首页 → Java企业应用论坛 →

新浪微博如何实现 SSO 的分析

全部 Hibernate Spring Struts iBATIS 企业应用 Lucene SOA Java综合设计模式 Tomcat OO JBoss « 上一页 1 2 3 下一页 »

浏览 14772 次锁定老帖子主题：新浪微博如何实现 SSO 的分析

该帖已经被评为精华帖 作者正文 * denger

等级:
性别:
文章: 176
积分: 400
来自: 北京
发表时间：2011-05-10 最后修改：2011-06-25

< > 猎头职位: 上海: 【上海】外资企业高新诚聘web开发工程师

CAS 之跨域 Ajax 登录实践
跨域的单点登录
【原创】CAS调研总结推荐群组: liferay 更多相关推荐企业应用最近在使用sina微博时，经常性交替使用　weibo.com 和 t.sina.cm.cn进入我的微博。发现当我在 t.sina.com.cn中登录之后，直接切换至weibo.com，这时候在 weibo.com是已经登录的，当我在 weibo.com进行注销之后，再切换至 t.sina.com.cn，这时候在 t.sina.com.cn也已经是注销的状态了。对于SSO的实现方案及其机制，早已经不是什么新鲜的技术了，从微软为.net提供的passport机制到java中开源的JBoss SSO、Oracle OpenSSO及经典的 Yale CAS等等之类的开源或一些商业SSO中间件都不失为作为单点登录实现的选择。当然一些企业也会选择自己实现一套适合自己轻量级方案，如采用SESSIONID转递或SESSION同步复制之类的。　可以看得出SSO的价值也是具大的，就拿sina来说吧，增加 weibo.com域名之后，对于用户来说来说没有任何影响，即使你在 t.sina.com.cn中进行登录，可以无缝在两域名之间随意切换，对于它推广weibo.com无非是大大的益处。由于近年来一直在使用 Yale的CAS作为SSO的方案，觉得 SINA的SSO与Yale-CAS有很多异曲同工之妙，于是便对SINA的SSO进行分析，其中的细节处理还是很值的学习的。当然，由于分析看到的SINA SSO处理都只是一些表现或表面上的东西，再加上其大部分关键的sso js都已经被压缩，及SERVER端的实现机制也只是靠自己的经验及结合CAS的的一些原理进行猜测。其实本文应该叫　更比较贴切。

好吧，进入正题。
Sina SSO之分析篇首先是进入 t.sina.com.cn，提交用户名及密码进行登录，通过 Firebug可以看到它通过类似Aajx POST到了 http://login.sina.com.cn/sso/login.php?client=ssologin.js(v1.3.12)，如下图所示：不难看出，其 http://login.sina.com.cn/sso/login.php 就是类似是 CAS 中的 Server，对sina的所有应用系统提供的统一登录入口。上面的参数中有一个service参数，了解 CAS的GG应该知道 cas 在登录的时候除了username 和 password同样也有一个 service 参数，其CAS该参数含义是子应用系统的服务名标识及登录成功之后所跳转的地址。当然，sina这里使用了 "miniblog"作为微博的服务名，估计他在sso-server端对 miniblog 与登录成功之后的地址进行映射，如 miniblog=http://t.sina.com.cn/，这样就避免了CAS-client中转入service= decodeURIComponent('http://t.sina.com.cn')之类的做法了。这里的登录与CAS做法一致，将登录验证提交至统一的认证中心进行验证处理，从而避免了跨子域和全域的问题。　验证成功之后路转的路径就是service所向的地址，验证失败之后则返回至当前登录页。下面就SSO中的一些登录方面的核心问题做一些分析，看看SINA和CAS分别是如何处理的：　1.如何授权某个子系统允许其在sso-server进行登录验证呢，类似cas-server中的login-ticket;
```
  对于cas来说，在首次进入  /cas/login页时， [会产生一个一次性的login-ticket](http://denger.iteye.com/blog/809170)，也就是说在提交登录验证前必须向服务器请求一个login-ticket，在登录提交时，需要将用户名及密码以及login-ticket进行提交至 cas-server端，cas-server端确定login-ticket有效后才会对用户名及密码进行认证。
  看看sina如何处理的吧，继续看firebug:
  ![]()       以上截图是当我首次进行 t.sina.com.cn时，通过 ajax/jsonp的方式发起的一个请求，可以看到返回的callback函数中的 json 串中包含了 nonce:"SXK19N"的属性，参数名的汉译是“一次”或“一次性”的意思，估计这里的 nonce就是login-ticket，为再一次确实，我再试着提交登录看看，看它是否将该参数POST过去：
 ![]()
 果然不出所料， nonce:"SXK19N"作为参数提交过去了，证明所猜测的应该是正确的。
```
2.比如验证码跨域跨服务器导致从session无法获取的问题，我们曾经遇到过;
```
  貌似sina登录没有涉及到验证码之类的东西，当你多次登录失败之后，它采用的是“您的登录过于频繁，请稍后再试吧”，这种方案确实比验证码要好的多，而且还避免了上面的说的问题。
```
3. 当我登录失败了，/sso/login.php 如何将登录的错误信息返回给 t.sina.com.cn并让它进行显示呢，如果我登录成功了/sso/login.php 通过什么方式通知t.sina.com.cn呢，因为它这里使用的是ajax方式登录？
```
 对于这方面，cas的处理是将错误信息以参数的方式返回给 client-login，如登录失败，重定向地址： http://cas-client.com?errocode=0，如果登录成功，则直接 重定向至 service 中的url，并生成ST给客户端，表示其已经在cas-server登录成功了。
 看看sina如何处理的吧，随便输入一个用户名密码，提交登录，继续通过firebug看看它的处理过程:
```
```
  再看看t.sina.com.cn 中的html内容的变化：
  ![]()
```
以上图1中发生了两次请求，第一次登录验证是访问 sso认证中心，它所返回response是一个html内容，第二次请求的地址：　http://t.sina.com.cn/ajaxlogin.php　framelogin=1&callback=parent.sinaSSOController.feedBackUrlCallBack&retcode=4038&reason=%B5%C7%C2）再结合以上图2信息，看到 html 中发生了变化，创建了一个　id=ssoLoginFrame 的iframe，于是便可以得出，sina 的登录并非原生的ajax方式，而是通过创建iframe来模拟提交不刷新的登录。也就是说，当用户点击登录提交时，这时候它会通过js创建iframe，将登录提效至该iframe中。
```
   既然已经知道它登录是提交到iframe中，而非ajax方式，那么对于以上截图1中两个请求为什么返回的都是HTML内容就很容易解释了。再回到上面的问题，/sso/login是如何通知t.sina.com.cn登录失败了呢? 首先在以上第一个截图中返回的 HTML包含了一段 javascript:
```

Javascript代码

location.replace("http://t.sina.com.cn/ajaxlogin.php?framelogin=1&callback=parent.sinaSSOController.feedBackUrlCallBack&retcode=4038&reason=%B5%C7%C2%BC%B3%A%BC%B3%A2%CA%D4%B4%CE%CA%FD%B9%FD%D3%DA%C6%B5%B7%B1%A3%AC%C7%EB%C9%D4%BA%F3%D4%D9%B5%C7%C2%BC");
location.replace("http://t.sina.com.cn/ajaxlogin.php?framelogin=1&callback=parent.sinaSSOController.feedBackUrlCallBack&retcode=4038&reason=%B5%C7%C2%BC%B3%A%BC%B3%A2%CA%D4%B4%CE%CA%FD%B9%FD%D3%DA%C6%B5%B7%B1%A3%AC%C7%EB%C9%D4%BA%F3%D4%D9%B5%C7%C2%BC");

  location.replace的意思与location.href类似，同样都是改变当前的URL地址,具体区别及做法可以参考[这里](http://blog.csdn.net/fangxinggood/archive/2006/02/21/604916.aspx)及[这里](http://developer.apple.com/internet/webcontent/iframe.html)。需要注意的这里所说的通过location.replace改变当前的URL其它并非改变t.sina.com.cn的地址，而是第二个截图里iframe中src的地址，因为这段HTML是在iframe中输出的。
在  locaiton.replace 的地址中包含了一个 retcode 及 reason参数，估计这就是当前登录的错误信息。在上面第一个截图的第二个请求实际就是在iframe 中进行的 location.replace操作后的跳转地址。关键看它输出的html内容：

Html代码

null
null 这段js是在 iframe中执行的，所以可以通过 parent 进行访问 t.sina.com.cn中的js，可以肯定 parent.sinaSSOController.feedBackUrlCallBack 就是告诉 t.sina.com.cn 当前已经登录失败了，并且将错误信息传至该入该callback了。至此，已经完成了 /sso/login.php 对 t.sina.com.cn的信息传送。　新浪果然是有一手呀，在CAS中AJAX登录一直都是一个问题，而sina它巧妙的通过iframe+callback 进行实现了。接着，再看看它对于登录成功之后如何通知 t.sina.com.cn的吧，先看看登录成功之后 sina-sso-server 会做什么，看firebug截图：重点在于 set-Cookie: tgc=TGT-MTc4NTc0NzM0Mw==-1305003116-ja-D51B2EB107B79FC50D8CA424BFE08907; 哈哈，熟悉CAS的应该会很熟悉这个，没想到SINA的TGT与CAS的TGT不但参数命名，居然连生成的规则也一模一样，估计sina肯定是参考了 cas 的实现机制。关于TGT是什么或其作用可以参考：CAS总结之Ticket篇。另外还有一个就是当登录成功之后，sina-sso-server会将用户登陆名等等放在sina.com.cn根域的cookie中。然后再看看登录成功之后 sina-sso-server所返回的response内容：以下是从以上摘取JS部分：

Javascript代码

首先再次声明，以上firebug截图中的请求处理，并非 AJAX，而是在 t.sina.com.cn中放了一个iframe，输出的 reponse都会至iframe当中.
以上的js主要重点在于:

Javascript代码

location.replace('http://t.sina.com.cn/ajaxlogin.php?framelogin=1&callback=parent.sinaSSOController.feedBackUrlCallBack&retcode=0')
location.replace('http://t.sina.com.cn/ajaxlogin.php?framelogin=1&callback=parent.sinaSSOController.feedBackUrlCallBack&retcode=0') 还是通过设置当前iframe中src地址，再看看跳转至http://t.sina.com.cn/ajaxlogin.php后的response内容吧：返回用户信息(从cookie中获取的)，并且还是类似上面的做法，通过　parent.sinaSSOController.feedBackUrlCallBack回调t.sina.com.cn中的js，告诉它这个用户已经登录成功了。于是t.sina.com.cn便进行跳转至　t.sina.com.cn/dengers 中，从而实现登录。整体的处理流程如下： 4. 当我在t.sina.com.cn中登录后，切换至weibo.com，weibo.com我应该也是已经登录的，如何做到呢？
```
对于这个问题，CAS中的处理就是，当我进入 weibo.com的时候，马上跳转至  /cas/login，然后在login中判断cookie是否存在TGT，如果存在，并确定其有效性后，则认为你已经登录，并为你生成一个ST，将ST作为ticket参数使其重定向至 weibo.com?ticket=TG-xxxx 并登录。
```
看看sina怎么处理的吧，首先我直接在t.sina.com.cn登录成功。然后再新建一个选项卡，输入 weibo.com：可以看得出，当我进入　weibo.com之后，sina并没有直接进入 weibo.com的主页，而是马上重定向至: http://login.sina.com.cn/sso/login.php?url=http%3A%2F%2Fweibo.com%2F&_rand=1305008634.5127&gateway=1&service=miniblog&useticket=1&returntype=META 　与cas的做法确实一致。　再看看该 login.php的Response 信息，主要是JS：

Js代码

看到这里之后，不得不怀疑 SINA　的 SSO　是不是用的就是 CAS　啊！！不但连 TGT 参数名一样，连ST规则及参数名也一模一样，其处理机制也十分相似。到这里之后就与 CAS　的处理一样了，就不详细写了，可以参考 CAS相关文章。 ────────── PS:由于在分析过程中里面的很多SSO关键JS都压缩了，所以难免会存在误差。　不过SINA的SSO很多细节方面确实处理的很好，作为互联网应用的话，如果单纯的只是把 CAS　DOWNLOAD　下来，然后直接配配就用的话很多方面的处理还是很不到位的。　有时间我把我们CAS参考 SINA　调整一下。到这里，不得不说的一个事情就是，之前在分析淘宝cookie如何跨域获取时，大家都说出了一个taobao的jsonp实际存在一定的安全隐患。后面那个淘宝的GG看到之后加入Refer的判断。而现在，在分析的过程中发现新浪也有这样的问题，可以尝试一下，随便在本地建立一个html，引入jquery，然后使用下面的JS，就可以获取到sina中的登录邮箱名等信息，前提是你需要先在sina中登录： Js代码
$.ajax({url: 'http://t.sina.com.cn/ajaxlogin.php?framelogin=0&callback=?&retcode=0', dataType:'jsonp',
success:function(data){
alert(data.userinfo.userid);
}});
$.ajax({url: 'http://t.sina.com.cn/ajaxlogin.php?framelogin=0&callback=?&retcode=0', dataType:'jsonp', success:function(data){ alert(data.userinfo.userid); }});

大小: 50.6 KB
大小: 26.4 KB
大小: 37.5 KB
大小: 40 KB
大小: 134.6 KB
大小: 56 KB
大小: 29 KB
大小: 35.9 KB
大小: 103.5 KB
大小: 110.8 KB
大小: 134.6 KB
大小: 85.2 KB
查看图片附件

声明：ITeye文章版权属于作者，受法律保护。没有作者书面许可不得转载。推荐链接

想进外企，出国，跳槽，找工作？英语不好,快来充电吧
世界级研发人员汇聚深圳！返回顶楼 * 苍山洱海
等级: 初级会员
性别:
文章: 95
积分: 0
来自: 北京
发表时间：2011-05-10

好文章。分析的很详实。慢慢看。返回顶楼回帖地址

0 0 请登录后投票 * ln1058

等级: 初级会员
性别:
文章: 43
积分: 40
来自: 北京
发表时间：2011-05-11

我怎么觉得没必要这么麻烦呢。如果是我来做，直接通过cookie来判断用户是否为登录状态，然后在进行相关的URL跳转。这种网站对于用户的安全性都不高，真有必要这么麻烦吗？返回顶楼回帖地址

0 0 请登录后投票 * denger

等级:
性别:
文章: 176
积分: 400
来自: 北京
发表时间：2011-05-11 最后修改：2011-05-11

ln1058 写道

我怎么觉得没必要这么麻烦呢。如果是我来做，直接通过cookie来判断用户是否为登录状态，然后在进行相关的URL跳转。实际上说起来确实是这样，CAS和SINA也是这样的，直接从cookie判断用户是否已经登录，如果已经登录进行相关 URL的跳转。但是，cookie只会存储在一个域名下(login.sina.com.cn) ， sina很多方面都采用 AJAX/JSONP　或 iframe　的方式，因为基本上全部都是跨全域的"AJAX"方式登录的，所以很多地方处理起来并不是那么方便。另外一个还要考虑的SSO的灵活和通用信，一个的系统或新的域名整合过来，增加或修改达到最少，这些在设计SSO中都是需要考虑、封装的，而sina这方面确实封装的还可以，整个SSO的处理逻辑也很清楚。他参考了CAS的设计方案或者说直接使用的就是CAS然后进行二次开发的。引用

这种网站对于用户的安全性都不高，真有必要这么麻烦吗？新浪有着上亿的微博用户噢....　就你一句话说他安全性不高，他就不高了？返回顶楼回帖地址

0 0 请登录后投票 * fangin

等级: 初级会员
性别:
文章: 52
积分: 30
来自: 北京
发表时间：2011-05-11

ln1058 写道

我怎么觉得没必要这么麻烦呢。如果是我来做，直接通过cookie来判断用户是否为登录状态，然后在进行相关的URL跳转。这种网站对于用户的安全性都不高，真有必要这么麻烦吗？你不能因为用户禁用cookie就登陆不上去啊返回顶楼回帖地址

0 0 请登录后投票 * denger

等级:
性别:
文章: 176
积分: 400
来自: 北京
发表时间：2011-05-11 最后修改：2011-05-11

fangin 写道

ln1058 写道

我怎么觉得没必要这么麻烦呢。如果是我来做，直接通过cookie来判断用户是否为登录状态，然后在进行相关的URL跳转。这种网站对于用户的安全性都不高，真有必要这么麻烦吗？你不能因为用户禁用cookie就登陆不上去啊你说的没错，不过遗憾的是 sina当你禁用了cookie你确实登录不上去。貌似连iteye也是这样。返回顶楼回帖地址

0 0 请登录后投票 * aweber

等级: 初级会员
性别:
文章: 3
积分: 30
来自: 福建
发表时间：2011-05-11

亮点是 iframe调用父窗口js函数的解决方法。居然在当前域名下整了一个跳转页面，在跳转页面里面调用父窗口地址。NB。我之前都是在子iframe里面再包含一个iframe，简称孙iframe，孙iframe和父窗口同域名，也就是跳转页面，在孙iframe里面调用父窗口的函数返回顶楼回帖地址

0 0 请登录后投票 * xiang37

等级: 初级会员
性别:
文章: 22
积分: 40
来自: 南京
发表时间：2011-05-11

支持一个，最近在研究sso，现在想先做个cas的实例出来。返回顶楼回帖地址

0 0 请登录后投票 * tengfei3003

等级: 初级会员
性别:
文章: 9
积分: 40
来自: 南京
发表时间：2011-05-11

分析透彻，好好研究研究返回顶楼回帖地址

0 0 请登录后投票 * jeho0815

等级: 初级会员
性别:
文章: 21
积分: 30
来自: 深圳
发表时间：2011-05-11

看的有点困难啊，实力太差了！返回顶楼回帖地址

0 0 请登录后投票

« 上一页 1 2 3 下一页 » 论坛首页 → Java企业应用版跳转论坛:移动开发技术 Web前端技术 Java企业应用编程语言技术综合技术入门技术招聘求职海阔天空

It so life

love as life

新浪微博如何实现 SSO 的分析

新浪微博如何实现 SSO 的分析 - 企业应用 - Java - ITeye论坛

新浪微博如何实现 SSO 的分析