cookie 跨域访问的解决方案

Cookie 同域单点登录 

最近在做一个单点登录的系统整合项目,之前我们使用控件实现单点登录(以后可以介绍一下)。但现在为了满足客户需求,在不使用控件情况下实现单点登录,先来介绍一下单点登录。 
 
单点登录:多个不同系统整合到统一加载个平台,用户在任何一个系统登录后,可以访问这个统一加载上的所有系统。登录之后,用户的权限和信息不再受某个系统的限制,即使某个系统出现故障(包括统一加载平台),其他系统还是能正常使用的。这就需要用户权限等信息保存到客户端,不受服务器的限制。 

在cookie相关文档信息中,提到cookie是不能跨域访问的,但是在二级域名是可以共享cookie的。这样就是我们的项目有了局限性,必须将多个系统的域名统一,作为二级域名,统一平台提供使用主域名。这样就可以实现cookie的单点登录了。  

在这里介绍一下cookie:  

1.cookie是一个存储在客户端的字符串属性,可以用它对当前网页的cookie进行读,写,增.删等操作;javascript能够用document对象的cookie属性对cookie进行操作; 

2.cookie的四个可选属性: 

  2.1 cookie的生存期属性:expires;默认情况下,cookie只在浏览器会话期存在.退出浏览器就丢失;可以用expires设置时间;退出浏览器后就不会丢失并存为客户端浏览器的cookie文件;过了时间后cookie失效,还会自动删除cookie文件. 

  2.2 path属性:默认情况下,在同一个目录下文件可以调用;  
 
    例如:http://hanj.com/c1/1.html设置的cookie可以被http://hanj.com/c1/2.html调用.但不能被http://hanj.com/c2/目录下的文件调用;  

    但如把path属性设成"/";则在http://hanj.com/下的所有文件都可调用此cookie.  

  2.3 domain属性:例如设成".hanj.com"则在.hanj.com下的所有服务器下的文件都可以调用cookie.  
  
  2.4 安全属性:默认情况下为false;用http协议不安全传输;true:用https等协议安全传输.  

3.cookie的局限性:  

浏览器最多保存300个cookie;为单个web服务器的最多只能保存20个cookie;每个cookie不能超过4000个字节.  

单点登录实现环境:
  
统一平台域名:www.hanj.com  

子系统1:a.hanj.com  
  
子系统2:b.hanj.com  

子系统3:c.hanj.com  

统一加载平台和各子系统都是不同的服务器,统一加载平台提供登录认证服务,在统一加载平台认证系统上登录后,用户都可以被其他的系统识别。 
 
/** 
函数名称:getCookie 
函数功能:获取指定名称的cookie的值 
输入参数:需要测试的字符串 
返回参数: 
*/

1
2
3
4
5
6
7
8
9
10
11
function getSSOCookie() 
     var  arrStr = document.cookie.split( "; " ); 
     for ( var  i = 0;i < arrStr.length;i ++){ 
         var  temp = arrStr[i].split( "=" ); 
         if (temp[0] ==  "sso" ) { 
           return  unescape(temp[1]); 
        
    
     return  ""


/** 
函数名称:addCookie 
函数功能:添加cookie 
输入参数:需要测试的字符串 
返回参数: 
*/ 

1
2
3
4
5
6
7
8
9
function addSSOCookie(objValue) 
{
     var  str =  "sso"  "="  + escape(objValue); 
     if ( true ){ //为0时不设定过期时间,浏览器关闭时cookie自动消失 
         str +=  "; path=/"
    
     document.cookie = str; 
  
 
/** 
函数名称:delCookie 
函数功能:删除cookie 
输入参数:需要测试的字符串 
返回参数:
*/
1
2
3
4
5
6
<br>function delCookie() 
{<br>   //为了删除指定名称的cookie,可以将其过期时间设定为一个过去的时间 
     var  date =   new   Date(); 
     date.setTime(date.getTime() - 10000); 
     document.cookie =  "sso"  "=a; expires="  + date.toGMTString()+ "; path=/"
  
用户在统一加载平台认证系统认证通过后,使用addSSOCookie,用户权限信息保存到了cookie中,其他平台通过调用getSSOCookie,取得用户信息。这样用户就可以不再受平台限制,而实现自由访问各个系统了。  

在addSSOCookie方法中,没有设置cookie的失效时间,这样在浏览器关闭后,cookie就自动消失。注意:这样cookie的有效性只能在同一浏览器进程,如果重新打开了一个浏览器进程,cookie信息是获取不到的,也就是单点登录只能在同一个浏览器进程有效。如果想在不用浏览器进程中共享cookie信息,那就设置失效时间,如下:  

1
2
3
4
5
6
7
8
9
10
function  addCookie(objValue,objHours){ //添加cookie 
   var  str =  "sso" "="  + escape(objValue); 
   if (objHours > 0){ //为0时不设定过期时间,浏览器关闭时cookie自动消失 
   var  date =  new  Date(); 
   var  ms = objHours*3600*1000; 
  date.setTime(date.getTime() + ms); 
  str +=  "; expires="  + date.toGMTString()+ "; path=/; domain=.hanj.com"
  } 
  document.cookie = str; 
 
这样cookie在指定的时间后失效。但这样安全性不能保证,如果时间设置太短,用户在使用中,可能cookie就失效了,需要重新登录。如果时间过长,用户在下次访问,或电脑重起访问,cookie还在有效期中,有可能别其他人使用。cookie不能准确的删除,存在安全隐患。    
Cookie跨域单点登录  

为了快速、简单的实现这一功能,首先想到就是通过JS操作Cookie并让两个不同域的cookie能够相互访问,这样就可达到了上述的效果,具体实现过程大致可分以下两个步骤:  

1、在A系统下成功登录后,利用JS动态创建一个隐藏的iframe,通过iframe的src属性将A域下的cookie值作为 get参数重定向到B系统下b.aspx页面上;  

1
2
3
4
var  _frm = document.createElement( "iframe" ); 
_frm.style.display= "none" ;  
_frm.src= "http://b.com/b.jsp?test_cookie=xxxxx" ;  
document.body.appendChild(_frm);  

2、在B系统的b.aspx页面中来获取A系统中所传过来的cookie值,并将所获取到值写入cookie中,这样就简单的实现了cookie跨域的访问; 不过这其中有个问题需要注意,就是在IE浏览器下这样操作不能成功,需要在b.aspx页面中设置P3P HTTP Header就可以解决了(具体詳細信息可以参考:http://www.w3.org/P3P/),P3P设置代码为: 
/* 
*也可以在html加入标记 
<meta http-equiv="P3P" content='CP="IDC DSP COR CURa ADMa  OUR IND PHY ONL COM STA"'>
*/
1
Response.AppendHeader( "P3P" "CP='IDC DSP COR CURa ADMa  OUR IND PHY ONL COM STA'" ); 
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值