常见的本地存储方式之Cookie

关于cookie，前端必备HTTP技能之cookie技术详解写的非常详实，本文拟从实验的角度解读各种cookie的相同与不同，并分析一下cookie的优缺点。

session cookie

session cookie只存在用户浏览站点时的内存中。一旦浏览器关闭，Session cookie就会消失。

<?php
    // 内存cookie 未设置时间
    setcookie('usename', 'didichuxing');
?>
<script type="text/javascript">
      console.log(document.cookie)
</script>

访问该php文件是，输出

memcookie=memory+cookie

打开窗口打开同域名下的setcookie.php或者其他文件时，输出为空的cookie.
这说明session cookie只存在于一次会话中，当浏览器关闭或者窗口关闭，该cookie就会消失。

持久性cookie

持久性cookie顾名思义，一直存在于磁盘中的cookie，一般在有效期失效之前，都可以访问。

<?php
    setcookie('persistentcookie', 'persistent cookie',  time() + 3600*24, '/'); // 设置有效期一天
?>
<script type="text/javascript">
    console.log(document.cookie)
</script>

我们设置persistentcookie的有效期为24小时，path设置为/, 这表明该域名下所有都能获取该cookie. 如localhost/html5/cookie/index.html下输出

persistentcookie=persistent+cookie

持久性cookie在有效期内，可以被访问，一般会存储一些有效的信息。

安全cookie

安全cookie只能通过安全连接传输(例如，https)。

<?php
    setcookie('securecookie', 'securecookie',  time() + 3600*24, '/', '', 1);   
?>
<script type="text/javascript">
    console.log(document.cookie)
</script>

http访问时，无法查看securecookie，https可以查看securecookie。

httponly cookie

HttpOnly cookie不能通过客户端api获取到.

<?php
    setcookie('httponlycookie', 'httponlycookie', NULL, NULL, NULL, NULL, TRUE);
?>
<script type="text/javascript">
    console.log(document.cookie)
</script>

httponly cookie

看到cookie中已经包含httponlycookie，但是在执行 console.log(document.cookie)时，并未发现该cookie.

cookie path设置

cookie 可以配置访问的path路径。

<?php
    setcookie('cookiepath', 'cookiepath', time() + 3600*24, '/html5/cookie/php/');  
?>
<script type="text/javascript">
    console.log(document.cookie)
</script>

在localhost/html5/cookie/php/**访问的文件都包含改cookie，其他路径下都不包含cookie.

cookie域名

通过域名的设置，可以使cookie可以在同一域名或子域名相同传递cookie.

<?php
    setcookie('cookiedomain', 'cookiedomain', time() + 3600*24, '/html5/cookie/php/', '10.95.136.155'); 
    setcookie('cookiedomainbaidu', 'cookiedomainbaidu', time() + 3600*24, '/html5/cookie/php/', 'www.baidu.com');
    setcookie('cookiedomainbaiduNidayeShiwo', 'cookiedomainbaiduNidayeShiwo', time() + 3600*24, '/html5/cookie/php/', 'www.baidu.com', 1);          
?>
<script type="text/javascript">
    console.log(document.cookie)
</script>