Cookie

一、含义

HTTP很重要的一个特点就是无状态（第一次见面都是初次见面），如果单纯的希望通过服务端程序去记录每一个访问者是不可能的，所以可以借助一些手段实现，比如cookie
Cookie就像是在商店买东西拿到的小票，由商店（Server）发给消费者（Browser），商店不用记住每一个消费者，只需要通过消费者的小票（Cookie）获取之前的消费信息（在服务端产生的数据）

二、PHP中操作Cookie

①header( )方法设置cookie

<?php
    header('Set-Cookie: foo=bar');
?>

<?php
    //注意:在设置多个相同的键时,会出现覆盖的情况
    header('Set-Cookie: foo=123');
    header('Set-Cookie: foo=456');
    header('Set-Cookie: foo=abc');
?>

②setcookie( )函数专门用于设置cookie

<?php
    //setcookie()只传递一个函=参数是删除,因为设置过期时间为一个过去时间
    setcookie('key');
?>

<?php
    //setcookie()传递两个参数是设置cookie
    setcookie('key','value');
?>

<?php
    //setcookie()传递三个参数是设置过期时间,
    //setcookie('key','value',time());默认是会话级别的cookie(关闭浏览器自动删除)
    setcookie('key','value',time()+1*24*60*60);
?>

③$_COOKIE超全局变量获取客户端提交过来的cookie

<?php
    var_dump($_COOKIE);
    /*array(3) { 
        ["_ga"]=> string(27) "GA1.1.2107690560.1524190841" 
        ["foo"]=> string(3) "abc" 
        ["key"]=> string(5) "value" 
    }
    */
?>

④path 设置cookie的作用路径范围

/ #表示只要在网站根目录下的所有链接地址都可以访问这个cookie
/users #表示只要在users目录下的路径才能访问这个cookie

⑤domain 设置cookie的作用域范围

demo.io #表示所有的demo.io的子域都可以访问到，比如first.demo.io、four.demo.io
bar.demo.dev #表示所有的bar.demo.dev的自愈都可以访问到，比如a.bar.demo.dev、b.bar.demo.dev

⑥httponly

一旦cookie的httponly为真,那么只能在服务端获取,JavaScript无法操作

⑦secure

三、JavaScript中操作Cookie

①获取和设置：document.cookie

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>
    <script>
        //新增一条cookie,注意:cookie是有大小限制的,约为4k
        //格式固定:<key>=<value>【;expiress=<GMT格式时间>】【;path=<作用路径>】【;domain=<作用域名>】
        //expires表示cookie失效的时间,默认是关闭浏览器时
        //path表示cookie生效的路径.默认为路径/(根目录)
        //domain表示cookie生效的域名,默认为当前域名
        document.cookie='name=value';
        //获取全部cookie,得到的是字符串,需要自己通过字符串进行解析
        console.log(document.cookie);//name=value
        //注意:当设置多条时,再获取的是全部,而不会被覆盖
        document.cookie='name1=value1';
        document.cookie='name2=value2';
        console.log(document.cookie);//name=value; name1=value1; name2=value2
    </script>
</body>
</html>

②插件：

参考https://github.com/carhartl/jquery-cookie 使用jquery来设置和获取cookie
参考https://github.com/js-cookie/js-cookie 使用纯生js来设置和获取cookie

四、Session

①含义：由于cookie是在服务端下发给客户端由客户端保存的，也就是说客户端可以对其进行随意操作，包括删除和修改，如果客户端随意伪造一个cookie的话，对于服务端是无法辨别的，就会造成服务端被蒙蔽，构成安全隐患，于是就出现了另外一种基于cookie基础之上的收到session

②与cookie的区别：session的数据存在于服务端，cookie存在于本地客户端，存在服务端最大的优势就是，不是用户可以随意更改的，session这种机制会更加适合存放一些属于用户而又不能让用户修改的数据，因为客户端不再保存具体的数据，只是保存一把钥匙，伪造一把可以用的钥匙，可能性是极低的，所以不需要在意

③session设置：$_SESSION

④session默认是关闭的,开启使用函数session_start( )

<?php
    session_start();
    $_SESSION['key']='value';
?>

五、案例：模拟去除广告

方案一：（点击不再显示的时候，马上把广告去掉，下次刷新不再出现广告，直到关闭浏览器，下次登录重新出现广告）

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <style>
        .ad{
            height:300px;
            background-color:#ccc;
        }
        .ad a{
            float:right;
        }
    </style>
</head>
<body>
    <?php if(empty($_COOKIE['hide_ad']) || $_COOKIE['hide_ad']!=='1'): ?>
        <div class="ad">
            <a href="close.php">不再显示</a>
        </div>
    <?php endif ?>
</body>
</html>

<?php
    setcookie('hide_ad','1');
    header('Location: test.php');
?>

方案二：（点击不再显示的时候，需要再刷新一次才能不显示广告，直到关闭浏览器，下次登录重新出现广告）

<?php
    if(isset($_GET['action']) && $_GET['action']==='close-ad'){
        setcookie('hide_ad','1');
        $_COOKIE['hide_ad']==='1';
    }
?>
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <style>
        .ad{
            height:300px;
            background-color:#ccc;
        }
        .ad a{
            float:right;
        }
    </style>
</head>
<body>
    <?php if(empty($_COOKIE['hide_ad']) || $_COOKIE['hide_ad']!=='1'): ?>
        <div class="ad">
            <a href="test.php?action=close-ad">不再显示</a>
        </div>
    <?php endif ?>
</body>
</html>