##cookie的设置与获取
###cookie (储存在用户本地终端上的数据):
Cookie,有时也用其复数形式 Cookies。类型为“小型文本文件”,是某些网站为了辨别用户身份,进行Session跟踪而储存在用户本地终端上的数据(通常经过加密),由用户客户端计算机暂时或永久保存的信息 。
###组成
Cookie是一段不超过4KB的小型文本数据,由一个名称(Name)、一个值(Value)和其它几个用于控制Cookie有效期、安全性、使用范围的可选属性组成。其中:
(1)Name/Value:设置Cookie的名称及相对应的值,对于认证Cookie,Value值包括Web服务器所提供的访问令牌。
(2)Expires属性:设置Cookie的生存期。有两种存储类型的Cookie:会话性与持久性。Expires属性缺省时,为会话性Cookie,仅保存在客户端内存中,并在用户关闭浏览器时失效;持久性Cookie会保存在用户的硬盘中,直至生存期到或用户直接在网页中单击“注销”等按钮结束会话时才会失效 。
(3)Path属性:定义了Web站点上可以访问该Cookie的目录 [3] 。
(4)Domain属性:指定了可以访问该 Cookie 的 Web 站点或域。Cookie 机制并未遵循严格的同源策略,允许一个子域可以设置或获取其父域的 Cookie。当需要实现单点登录方案时,Cookie 的上述特性非常有用,然而也增加了 Cookie受攻击的危险,比如攻击者可以借此发动会话定置攻击。因而,浏览器禁止在 Domain 属性中设置.org、.com 等通用顶级域名、以及在国家及地区顶级域下注册的二级域名,以减小攻击发生的范围。
(5)Secure属性:指定是否使用HTTPS安全协议发送Cookie。使用HTTPS安全协议,可以保护Cookie在浏览器和Web服务器间的传输过程中不被窃取和篡改。该方法也可用于Web站点的身份鉴别,即在HTTPS的连接建立阶段,浏览器会检查Web网站的SSL证书的有效性。但是基于兼容性的原因(比如有些网站使用自签署的证书)在检测到SSL证书无效时,浏览器并不会立即终止用户的连接请求,而是显示安全风险信息,用户仍可以选择继续访问该站点。由于许多用户缺乏安全意识,因而仍可能连接到Pharming攻击所伪造的网站 。
(6)HTTPOnly 属性 :用于防止客户端脚本通过document.cookie属性访问Cookie,有助于保护Cookie不被跨站脚本攻击窃取或篡改。但是,HTTPOnly的应用仍存在局限性,一些浏览器可以阻止客户端脚本对Cookie的读操作,但允许写操作;此外大多数浏览器仍允许通过XMLHTTP对象读取HTTP响应中的Set-Cookie头。
**1.设置
function setCookie(name, value, option = {}) {
// 判断 path
let path = option.path || '/';
// 判断 domain
let domain = option.domain || 'localhost';
// 判断过期时间
let expires = option.expires || '';
// 设置过期时间
let d;
if (expires) {
d = new Date();
d.setTime(d.setTime() + expires * 24 * 3600 * 1000);
}
// 设置cookie
document.cookie = `${name}=${value};path=${path};domain=${domain};expires=` + d.toUTCString();
}
setCookie('yyy', '==一座山', {
path: '/',
expires: 2,
domain: ''
})
//注意,以上代码通过搭建node.js服务器实现
**2.获取cookie
//根据cookie 的name 获取对应的value
function getCookie(name) {
name += '=';
// 获取页面中所有的cookie 结果是字符串
let cookie = document.cookie.split(';');
console.log(cookie);
let value;
cookie.forEach(item => {
if (item.indexOf(name) != -1) {
value = item.substring(name.length);
}
})
return value;
}
let result = getCookie('yyy');
console.log(result);
//注意,以上代码通过搭建node.js服务器实现