10_Flask之cookie 在浏览器中查看cookie 设置cookie有效期删除cookie

缺乏、安全感 2023-01-17 09:19 294阅读 0赞

### 文章目录 ###

*  1 什么是cookie？
 *  2 如何在flask中使用cookie？
 *   *  2.1 设置cookie
     *   *  2.1.2 实例：设置cookie
         *  2.1.3 在浏览器中查看cookie的三种方式（以Chrome浏览器为例）
     *  2.2 设置cookie的有效期
     *   *  2.2.1 基于max\_age参数设置cookie有效期
         *  2.2.2 基于expires参数设置cookie有效期
     *  2.3 在Flask中查询cookie
     *  2.4 删除cookie

# 1 什么是cookie？ #

`cookie`技术产生源于`HTTP`协议在互联网上的急速发展，在浏览器发展初期，为了适应用户的需求，技术上推出了各种保持web浏览状态的手段，为什么要保持web浏览器的状态呢？

一般`web`通信是基于`HTTP`的，`HTTP`是无状态的协议，也就是说，在一次请求响应结束后，服务器不会留下任何有关于对方状态信息，所以需要保持web浏览器的状态。

比如：对于有些web应用来说，客户端的某些信息必须被记住。比如用户登录过后跳转页面依然要保持登录的状态，进行其他的业务访问，而当这个登录过的用户再次访问web服务器的时候，web服务器并不知道这个用户已经登录过了，所以无法进行其他需要权限的业务访问。所以`cookie`技术的出现就是为了解决这个问题。

`cookie`的具体实现过程：当一个用户访问`web`服务器后，`web`服务器会获取用户的状态并且返回一些数据（cookie）给浏览器，浏览器会自动储存这些数据（cookie），当用户再次访问web服务器，浏览器会把cookie放到请求报文中发送给web服务器，web服务器就会获取到了用户的状态。基于这次用户的状态方便用户进行其他业务的访问，并且web服务器可以设置浏览器保存cookie的时间，cookie是有域名的概念，只有访问同一个域名的时候才会把之前相同域名返回的cookie携带给该web服务器。

*附注：1993年，网景公司雇员`Lou Montulli`为了提升用户体验，进一步实现了个人化网络。发明了今天广泛使用的`Cookie`。*

[![img][]][img 1]

**关键词**：

*  `web`通讯一般基于`HTTP`协议，`HTTP`是无状态协议。
 *  `Cookie`技术是用来保持`web`访问状态，`Cookie`技术通过在请求和响应报文中添加`Cookie`数据来保存客户端的状态信息
 *  服务器可以设置`cookie`的有效期，浏览器会自动清除过期的`cookie`。
 *  `cookie`有域名的概念，只有访问同一个域名，才会把之前相同域名返回的cookie携带给该服务器。

# 2 如何在flask中使用cookie？ #

## 2.1 设置cookie ##

设置`cookie`的时候是由我们`web`服务器设置，也就是在`Flask`项目中生成`cookie`，经由响应报文返回给浏览器保存`cookie`，下次浏览器再访问`web`服务器的时会在请求报文中把`cookie`携带过来，所以`cookie`产生的起点是在web服务器中，也就是我们的Flask项目中。

在Flask中如果想要在响应中添加一个cookie，最方便的做法是使用内置的`Response`类提供的`set_cookie()`方法。

**表-2.2.1.1 set\_cookie()方法的参数**

<table> 
 <thead> 
  <tr> 
   <th>属性</th> 
   <th>说明</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td>key</td> 
   <td><code>cookie</code>的键（名称）</td> 
  </tr> 
  <tr> 
   <td>value</td> 
   <td><code>cookie</code>的值</td> 
  </tr> 
  <tr> 
   <td>max_age</td> 
   <td><code>cookie</code>被保存的时间数，单位为秒。</td> 
  </tr> 
  <tr> 
   <td>expires</td> 
   <td>具体的过期时间，一个<code>datetime</code>对象或UNIX时间戳</td> 
  </tr> 
  <tr> 
   <td>path</td> 
   <td>限制<code>cookie</code>只在给定的路径可用，默认为整个域名下路径都可用</td> 
  </tr> 
  <tr> 
   <td>domain</td> 
   <td>设置<code>cookie</code>可用的域名，默认是当前域名，子域名需要利用通配符<code>domain=.当前域名</code></td> 
  </tr> 
  <tr> 
   <td>secure</td> 
   <td>如果设为<code>True</code>，只有通过<code>HTTPS</code>才可以用</td> 
  </tr> 
  <tr> 
   <td>httponly</td> 
   <td>如果设为<code>True</code>，进制客户端<code>JavaScript</code>获取<code>cookie</code></td> 
  </tr> 
 </tbody> 
</table>

### 2.1.2 实例：设置cookie ###

项目目录

│  app.py
    │
    ├─static	# 文件夹
    └─templates # 文件夹

app.py

from flask import Flask, Response
    
    app = Flask(__name__)
    
    
    @app.route('/')
    def hello_world():
        resp = Response('设置cookie给浏览器')
        resp.set_cookie('user_name', 'mark')
    
        return resp
    
    if __name__ == '__main__':
        app.run()

**解读 app.py**：

**(1)** 首先导入`Flask`内置的`Response`类，用于在响应报文中设置`cookie`

from flask import Flask,request, Response

**(2)** 在视图函数实例化`Response`类并传入返回的内容，`Response`类实例化出的对象调用`set_cookie()`方 法，set\_cookie内的第一个参数是设置cookie的`key`，第二个参数是用来设置cookie的`value`，然后返回该对象，就会携带着设置好的`cookie`返回给浏览器保存。

@app.route('/')
    def hello_world():
        resp = Response('设置cookie给浏览器')
        resp.set_cookie('user_name', 'mark')
    
        return resp

### 2.1.3 在浏览器中查看cookie的三种方式（以Chrome浏览器为例） ###

**基于2.2.1.2实例**

**第一种**: 右键检查----->Network---->找到访问的域名---->找到Response Headers---->Set-Cookie

![1550736406457][]

**第二种**：点击url输入框左边的信息icon，然后找到响应的域名，展开查看cookie。

![1550736586670][]![1550736643161][]

**第三种**：设置---->高级---->内容设置---->Cookie---->查看所有cookie设置----->根据域名搜索对应的cookie信息

![1550740317286][]![1550740351876][]![1550740399039][]![1550740431743][]![1550740461224][]![1550740533491][]![1550740558622][]

## 2.2 设置cookie的有效期 ##

**注意：Flask服务器默认设置cookie有效期为关闭浏览器后cookie失效**。

### 2.2.1 基于max\_age参数设置cookie有效期 ###

再设置`cookie`的调用`set_cookie()`时候传入关键字实参 `max_age= 值`，这个`值`代表多少**秒**后过期。

*注意：max\_age参数设置过期时间不兼容IE8一下的浏览器*

...
    @app.route('/')
    def hello_world():
        resp = Response('设置cookie给浏览器')
        resp.set_cookie('user_name', 'mark',max_age=60)
        
        return resp
    ...

![1550743936736][]

### 2.2.2 基于expires参数设置cookie有效期 ###

再设置`cookie`的调用`set_cookie()`时候传入关键字实参 `expires= 值`，这个`值`代具体的过期时间，一个`datetime`对象或UNIX时间戳。

*使用expires参数，就必须会用格林尼治时间（也就是相对北京时间少8个小时，因为浏览器会默认把服务器传来的时间值当做标准格林尼治时间，并根据当地的时区做调整* 。

@app.route('/expires_demo/')
    def expires_demo():
        resp = Response('设置cookie给浏览器, cookie设置过期时间为一个月后')
        expires = datetime.now()+timedelta(days=30, hours=16)
        resp.set_cookie('user_name', 'mark', expires=expires)
        return resp

![1550886456558][]

## 2.3 在Flask中查询cookie ##

基于 2.1.2 实例

查询`cookie` 是通过请求对象的`cookies`属性读取，读取的过程是使用设置`cookie`时的`key`来读取到设置`cookie`的`value`

...
    @app.route('/get_cookie/')
    def get_cookie():
        user_name = request.cookies.get('user_name')
        if user_name == 'mark':
            return '{}的信息'.format(user_name)
    
        return 'cookie验证失败'
    ...

![1550741843996][]

## 2.4 删除cookie ##

基于2.1.2实例

删除`cookie`是通过`Flask`内置的`Response`类实例化出的对象调用`delete_cookie('key')`，删除的过程是使用设置`cookie`时的`key`来删除`cookie`信息。

@app.route('/del/')
    def del_cookie():
        resp = Response('删除cookie')
        resp.delete_cookie('user_name')
        return resp

[img]: /images/20221021/b8c4b633e47e4969a01df7020fbc78eb.png
[img 1]: https://img2018.cnblogs.com/blog/1825659/201910/1825659-20191012155133265-1996976369..jpg
[1550736406457]: /images/20221021/699a361126ff487783436fad052dc2ff.png
[1550736586670]: https://img-blog.csdnimg.cn/img_convert/1f20f0895f7128294b7c68613c0f9254.png
[1550736643161]: /images/20221021/122f571bd17f44a4a86c2a5053e8314c.png
[1550740317286]: https://img-blog.csdnimg.cn/img_convert/82c5935bf7833c36450462701c4e9744.png
[1550740351876]: https://img-blog.csdnimg.cn/img_convert/daae53165c569c2ff429f75272ef3afa.png
[1550740399039]: https://img-blog.csdnimg.cn/img_convert/cb8c14288b7abd1add774444dfafa31e.png
[1550740431743]: https://img-blog.csdnimg.cn/img_convert/0bf071ff7d024599d50bcd0144794b46.png
[1550740461224]: https://img-blog.csdnimg.cn/img_convert/d5ca8bfb52766aab4ff2645bb93622a6.png
[1550740533491]: https://img-blog.csdnimg.cn/img_convert/100a346af694924a87637711a2c46bb8.png
[1550740558622]: /images/20221021/9d8e2aae48c34d3c989491aa538a4859.png
[1550743936736]: /images/20221021/0cd531ae6c444e56a564cd2ebb39e042.png
[1550886456558]: /images/20221021/82df57b784294b79b180e10add02544e.png
[1550741843996]: /images/20221021/616e33cdddf7414eae74b884ae5c8c5c.png