Cookie

Cookie是什么?

Cookie是服务器发给浏览器的一小段文本信息,每个Cookie的大小一般不会超过4KB(每个浏览器都不一样),Cookie会保存在客户端,或存储于内存或存储于硬盘。浏览器的同源政策规定,两个网址只要域名相同和端口相同,就可以共享 Cookie,不用遵循协议相同。

Cookie有什么用?

一般Cookie会记录一些用户信息,比如登录凭据(用户名和密码的加密形式),用户在页面上的操作信息(比如购物车添加商品),记录分析用户行为,浏览器信息,客户端信息等等。当浏览器再次向同一服务器发起请求,都会带上之前服务器发送过来的Cookie,这样服务器就能识别是哪个用户再访问,以及Cookie上面记录的用户信息。

用一句话表示:让服务器知道你是你,以及你的信息(行为,偏好等等)

Cookie的存在周期是多久?

Cookie有存在周期,可人为设置,亦可默认,默认状态下,Cookie 只在当前会话(session)有效,浏览器窗口一旦关闭,当前 Session 结束,该 Cookie 就会被删除。

需要注意的是,有些浏览器提供了会话恢复功能,这种情况下即使关闭了浏览器,会话期Cookie也会被保留下来,就好像浏览器从来没有关闭一样。

另外,浏览器也根据本地时间(Expires属性设置,见下文,决定 Cookie 是否过期,由于本地时间是不精确的,所以没有办法保证 Cookie 一定会在服务器指定的时间过期。

后端如何创建Cookie?

当服务器收到请求后,可在响应头设置Cookie发送给浏览器:

response.setHeader('Set-Cookie', 'kevl=value')

Cookie要以键值对儿的形式,Cookie名 =  Cookie值;

浏览器得到的响应如下例所示:

HTTP/1.0 200 OK

Content-type: text/html

Set-Cookie: key = value

Set-Cookie: key = value

Cookie有以下属性,均可在创建Cookie的时候设置,来让其拥有不同的特性:

设置Cookie的有效存在周期有两个属性:①,Expires(不推荐用,见上文) ②,Max-Age

Expires:指定一个具体的到期时间,到了指定时间以后,浏览器就不再保留这个 Cookie。

Expires=Wed, 21 Oct 2015 07:28:00 GMT;

Max-Age:指定从现在开始 Cookie 存在的秒数,比如60 * 60 * 24 * 365(即一年)。过了这个时间以后,浏览器就不再保留这个 Cookie。

如果同时指定了Expires和Max-Age,那么Max-Age的值将优先生效。

设置Cookie作用域的两个属性: ①Domain,②Path

它们决定了Cookie应该发送给哪些URL

Domain:指定浏览器发出 HTTP 请求时,哪些域名要附带这个 Cookie。如果没有指定该属性,浏览器会默认将其设为当前域名,这时子域名将不会附带这个 Cookie。

例如:如果设置 Domain=hahah.com,则Cookie也包含在子域名中(如heihei.hahah.com)。

Path:指定浏览器发出 HTTP 请求时,哪些路径要附带这个 Cookie。比如,PATH属性是/,那么请求/docs路径也会包含该 Cookie。当然,前提是域名必须一致。

例如,设置 Path=/docs,则以下地址都会匹配:/docs       /docs/Web/     /docs/Web/HTTP

设置Cookie的发送权限与读写权限的两个属性: ①,Secure ②,HttpOnly

Secure:指定浏览器只有在加密协议 HTTPS 下,才能将这个 Cookie 发送到服务器。

HttpOnly:属性指定该 Cookie 无法通过 JavaScript 脚本拿到,主要是document.cookie属性、XMLHttpRequest对象和 Request API 都拿不到该属性。这样就防止了该 Cookie 被脚本读到 。

前端JS如何读写Cookie?

document.cookie

该属性用于读写当前网页的 Cookie。

读取的时候,它会返回当前网页的所有 Cookie,每个Cookie值用分号分隔,前提是该 Cookie 不能有HTTPOnly属性。

例如:document.cookie// "foo=bar;baz=bar"

该属性是可写的,可以通过它为当前网站添加 Cookie。

写入的时候,Cookie 的值必须写成key=value的形式。

注意,等号两边不能有空格。另外,写入 Cookie 的时候,必须对分号、逗号和空格进行转义(它们都不允许作为 Cookie 的值),这可以用encodeURIComponent方法达到。

但是,document.cookie一次只能写入一个 Cookie,而且写入并不是覆盖,而是添加。

例如:document.cookie="yummy_cookie=choco";

           document.cookie="tasty_cookie=strawberry";

也可以为Cookie写入属性值。

各个属性的写入注意点如下。

path属性必须为绝对路径,默认为当前路径。

domain属性值必须是当前发送 Cookie 的域名的一部分。比如,当前域名是example.com,就不能将其设为foo.com。该属性默认为当前的一级域名(不含二级域名)。

max-age属性的值为秒数。

expires属性的值为 UTC 格式,可以使用Date.prototype.toUTCString()进行日期格式转换。

document.cookie写入 Cookie 的例子如下:


setCooki

Cookie存在的问题有哪些?

可以被篡改(JS脚本,开发者工具)

Cookie会被附加在每个HTTP请求中,所以无形中增加了流量。

由于在HTTP请求中的Cookie是明文传递的,所以安全性成问题。

Cookie的大小限制在4KB左右,对于复杂的存储需求来说是不够用的。

Cookie安全吗?

Cookie包含了一些敏感消息:用户名、计算机名、使用的浏览器和曾经访问的网站。别有用心之人可以利用某些技术手段窃取Cookie。所以Cookie并不安全!

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 200,302评论 5 470
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 84,232评论 2 377
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 147,337评论 0 332
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 53,977评论 1 272
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 62,920评论 5 360
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,194评论 1 277
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 37,638评论 3 390
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,319评论 0 254
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 40,455评论 1 294
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,379评论 2 317
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,426评论 1 329
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,106评论 3 315
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 38,696评论 3 303
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,786评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 30,996评论 1 255
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 42,467评论 2 346
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,043评论 2 341