详解HTTP Cookie状态管理机制
|
《：详解HTTP Cookie状态管理机制》要点： PHP学习HTTP cookies,通常又称作"cookies",已经存在了很长时间,但是仍旧没有被予以充分的理解.首要的问题是存在了诸多误区,认为cookies是后门程序或病毒,或压根不知道它是如何工作的.第二个问题是对于cookies缺少一个一致性的接口.尽管存在着这些问题,cookies仍旧在web开发中起着如此重要的作用,以至于如果cookie在没有可替代品出现的情况下消失,我们许多喜欢的Web应用将变得毫无用处. 一、cookie 起源 cookie 最早是网景公司的雇员 Lou Montulli 在1993年3月发明,后被 W3C 采纳,目前 cookie 已经成为标准,所有的主流浏览器如 IE、Chrome、Firefox、Opera 等都支持. cookie 的诞生是由于 HTTP 协议的天生缺陷,HTTP 是一种无状态的协议,简单的 Request 和 Response 一旦哀求/响应结束,客户端与服务器端的连接就会关闭,再次交换数据需要建立新的连接.这就意味着服务器无法从连接上跟踪会话,即服务器并不清楚是哪个客户端. 一些典型应用如 登陆/购物车 就无法实现了.比如,用户 A 在购物商城购买的商品都应该放在 A 的购物车内,不论是用户 A 什么时间购买的,这都是属于同一个会话的,不能放入用户 B 或用户 C 的购物车内,这不属于同一个会话. 基本的原理如图
二、cookie 操作 对 cookie 的操作包含如下 1.名称(Name) 注意,cookie 多数时候由服务器端创建,JS 也可以创建 cookie,但 HttpOnly 类型的 JS 无法创建. 浏览器提供的 cookie API (document.cookie)实在过于简陋,可以稍封装下,如以下采用setter/getter方式 cookie 函数就方便了许多
/*
* JS 写cookie和读cookie操作
*
* **取cookie**
* cookie(name)
*
* **写cookie**
* cookie(name,value)
* cookie(name,value,option)
*/
var cookie = function(name,option) {
var doc = document
if (value != undefined) { // set
option = option || {}
if (value === null) {
value = ''
option.expires = -1
}
var expires = ''
if (option.expires && (typeof option.expires == 'number' || option.expires.toUTCString)) {
var date = new Date
if (typeof option.expires == 'number') {
date.setTime(date.getTime() + (option.expires * 24 * 60 * 60 * 1000))
} else {
date = option.expires
}
// for IE
expires = '; expires=' + date.toUTCString()
}
var path = option.path ? '; path=' + option.path : ''
var domain = option.domain ? '; domain=' + option.domain : ''
var secure = option.secure ? '; secure' : ''
doc.cookie = [name,'=',encodeURIComponent(value),expires,path,domain,secure].join('')
} else { // get
var cookieValue = null
if (doc.cookie && doc.cookie != '') {
var cookies = doc.cookie.split(';')
for (var i = 0; i < cookies.length; i++) {
var cookie = $.trim(cookies[i]).split('=')
if ( cookie[0] == name && cookie.length > 1 ) {
try {
cookieValue = decodeURIComponent(cookie[1])
} catch(e) {
cookieValue = cookie[1]
}
break
}
}
}
return cookieValue
}
};
当然,还有更方便的 https://github.com/florian/cookie.js,提供了更多便捷函数. 三、cookie 类型 1.普通 cookie,服务器端和 JS 都可以创建,JS 可以访问 比如,在新浪云上测试页面：http://snandy.sinaapp.com/php/cookie.php,我种了 3 个 cookie,分别是 c1,c2,c3
$d1 = mktime(1,1,2018);
// 普通cookie
setcookie("c1","Jack",$d1);
// 平安的cookie,仅https,第6个参数
setcookie("c2","John",$d1,NULL,TRUE);
// HttpOnly cookie 第7个参数
setcookie("c3","Resig",TRUE);
用 Firefox 访问
我种的三个都有,saeut是新浪云种的. 在 firebug 控制台输入 document.cookie
可以看到,c3 都是访问不到的.c2 是 平安的cookie,需要在https协议下访问,c3 则是 httpOnly 的,JS无法访问,这个需要注意. 把拜访协议改成 https： https://snandy.sinaapp.com/php/cookie.php,firebug 切换到控制台再输入 document.cookie,可以看到 c2 就可以拜访了
四、cookie 的坑
1. Cookie 太大或数量过多时页面拜访报错,比如会出现如下提示 因此站点的 cookie 需要管理,不能随意种 cookie.另外尽量指定path,将cookie限定在指定范围内. 网站 browsercookielimits.squawky.net,记录了各浏览器 cookie 大小
2. 保留中文时需要Unicode编码(encodeURIComponent),否则存的是乱码 编程之家培训学院每天发布《：详解HTTP Cookie状态管理机制》等实战技能，PHP、MYSQL、LINUX、APP、JS,CSS全面培养人才。 （编辑：李大同） 【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容! |
