如何实现 [ 跨域单点登录 ] ?

管理用户网站

用户账户网址：http://accounts.com
用户登录网址：http://accounts.com/login
用户等处网址：http://accounts.com/logout

应用网站
应用1：http://app1.com
应用2：http://app2.com

实现场景
登录 应用1，跳转到 http://accounts.com/login 进行登录
登录成功跳转 回应用1，地址后面会带个token，例如：http://app1.com/callback?token=xxxx 来验证登录
浏览了 应用1 后，用户进入 应用2 （用户可能会自己输入 app2.com 的地址访问 应用2）
此时 应用2 通过“某种方式”来判断之前 应用1 的登录与否，来设置当前用户是否登录

问题是如何实现场景中的 第4条？

我现在想到的是：
同步登录：像 discuz 那样，在登录一个应用时对其它应用进行同步登录，缺点是登录后最好是等个几秒在跳转使其它应用能够有足够时间写下 cookie，但是我不喜欢“要等几秒”的方式
使用 jsonp：虽然知道怎么用 jsonp 进行跨域请求，但是实现起来有些困难，而且处理不好就有安全问题

不知各位有什么好的方法？？？

———————– 华丽的分割线 —————————
下午花了点时间分别研究了一下两组网站的登录方式：

google.com 和 youtube.com
taobao.com 和 etao.com

一、 google.com 和 youtube.com
情况一：都未登录，但是浏览过 youtube
登录 google.com 通过 https://accounts.google.com/ServiceLoginAuth 验证用户名密码
通过验证后跳转到 https://accounts.google.com/CheckCookie 检查是否有浏览过其它应用，比如说 youtube，这时就再次跳转到 https://accounts.youtube.com/accounts/SetSID 进行登录
最后再跳回 google.com 的首页

情况二：已登录 google.com，但未浏览过 youtube 也并未登录
由于登录了 google.com 所以我直接从地址栏里输入地址进行第一次访问 youtube
进入 youtube 首页显示的是我需要登录，故点击登录
依然跳转到 https://accounts.google.com/ServiceLoginAuth，但是不用任何输入直接跳回 yutube 首页

二、 taobao.com 和 etao.com
不管我有没有登录 taobao.com，我进入 etao.com 首页，首先会检查 cookie 是否登录
登录则 etao.com 首页显示登录状态
未登录则跳转到 http://jump.taobao.com/jump?target=http%3A%2F%2Fwww.etao.com%2F%3Ftbpm%3Dt 来检查在 taobao.com 是否有登录
登录则跳回 http://pass.etao.com/add?… 进行登录后在跳回首页，登录状态为登录
未登录则依然跳回首页，登录状态为未登录
现在基本知道怎么去做了，或者有其它更好方法的？说出来大家讨论一下……

答案如下:
研究并看过sohu的，拿出来分享。

统一在 login.common.com?return=www.a.com 登录，（带需要返回的地址）
if 验证成功 return js，在login.common.com/success 加入返回的JS，并显示，然后跳回 return 参中带的值。

那么这段JS内容是什么样的呢？
就是通过JS的方式调用各个站点，生成各自的cookie。

目前 ucenter 也是采用这种方式。 登录中心，应该要有一个类似应用列表这样的东西。

链接

willerce1.6k
2011年10月24日回答
0回复
joyqi · 2011年10月24日

我知道的有下面三种方法:

1. 页面嵌套 JS 跨域请求, 就像康盛的 UCenter 产品一样;
2. 让页面依次跳转不同应用的域名来解决跨域问题;
3. Google 一样的, 用户主动请求;

下面是详细:

1. app1, app2, app3 挂接在 UC 上, 用户请求 app1 登录, app1 程序在验证通过同时请求 UC 需要同步登录的代码(如下), 打印到页面上.

坏处是 - 在用户看起来, 页面会有好一会儿的白屏! 不适合多个应用.

3 . Google 的方法, 坏处是用户得主动的点击登录按钮, 没法做到无缝的同步登录, 好处是适合多个应用;

哪一个好, 得看什么要求, 如果不需要做到无缝的同步登录的话, 肯定是使用 Google 的方案!

google的这个办法应该是一个比较完整的流程了，但是还是有些缺点，那就是在我没有访问youtube的时候登录了google，它没有给我自动登录到youtube，还需要你手动点击登录。虽然不用输入密码啥的，但也有些麻烦。

其实可以做一个改进，就是你在youtube里挂一个google域的js，当然这个js实际上是通过动态脚本输出的。我们在脚本里先检查用户时候已经在google域里登录过了，如果已经登录，那么就动态输出让它在youtube域里也登录的js。

这个好处虽然只省了一步，实际上是把你在问题中的第一种方法写cookie的时间分散到访问各个子站去完成，可以让用户几乎感觉不到。

链接

joyqi6.2k
2011年10月04日回答
添加评论