手记

回到首页 个人中心 反馈问题 注册登录
下载APP
首页 课程 实战 体系课 手记 专栏 慕课教程
继续浏览精彩内容
慕课网APP
程序员的梦工厂
打开
继续
感谢您的支持，我会继续努力的
赞赏金额会直接到老师账户
将二维码发送给自己后长按识别
微信支付
支付宝支付

如何轻松使用 Cookie：新手入门教程

慕神8447489 2024-12-11 15:54:07 浏览 32
慕神8447489
关注TA
已关注
手记 1294
粉丝 174
获赞 957
概述

本文详细介绍了Cookie的基本概念，包括其功能、应用场景以及如何设置、读取和删除Cookie。文章还深入探讨了Cookie的安全性问题，并提供了保护Cookie安全的具体措施。此外，文中还解答了一些常见问题，如如何设置Cookie的有效期和避免Cookie被篡改。

1. 什么是 Cookie

Cookie 的基本概念

Cookie 是一种允许网站存储在用户计算机上的小型文本文件。这些文件通常用于存储用户信息，如用户名、偏好设置或购物车内容等。Cookie 是由服务器发送到浏览器的一小段数据，浏览器会将这些数据存储在本地，并在每次访问网站时将其发送回服务器。

Cookie 的主要功能

Cookie 的主要功能包括：

  1. 用户身份验证：通过存储用户登录状态，用户无需在每次访问时重新输入登录信息。
  2. 个性化设置：存储用户的偏好设置，如主题颜色、字体大小等，以提供一致的用户体验。
  3. 跟踪分析：通过 Cookie 追踪用户的浏览行为，帮助网站优化内容和广告。
  4. 购物车功能：在用户浏览商品时，存储其选择的商品，以便用户在结账时能够轻松添加到购物车中。

Cookie 的应用场景

Cookie 的应用场景非常广泛，以下是其中的一些：

  • 电子商务网站：存储用户购物车中的商品，以便用户可以随时查看。
  • 社交媒体平台：存储用户登录状态，允许用户在多个页面之间保持登录状态。
  • 在线论坛：存储用户登录状态，以便用户可以发帖和评论。
  • 广告网络：通过跟踪用户浏览行为，显示与用户兴趣相关的广告。
2. 如何设置 Cookie

通过浏览器设置 Cookie 的方法

虽然用户可以通过浏览器手动设置 Cookie，但这通常是由网站服务器自动完成的。浏览器提供了查看和管理 Cookie 的功能，但设置 Cookie 主要是通过编程语言来完成的。

通过编程语言设置 Cookie 的方法（简单示例）

在编程语言中，设置 Cookie 的方法因语言不同而异。这里以常用的编程语言 JavaScript 和 Python 为例，展示如何设置 Cookie。

使用 JavaScript 设置 Cookie

function setCookie(name, value, days) {
    var expires = '';
    if (days) {
        var date = new Date();
        date.setTime(date.getTime() + days * 24 * 60 * 60 * 1000);
        expires = '; expires=' + date.toUTCString();
    } else {
        expires = '';
    }
    document.cookie = name + '=' + value + expires + '; path=/';
}

// 设置一个名为 "myCookie" 的 Cookie，值为 "hello"
setCookie('myCookie', 'hello', 7);

使用 Python 设置 Cookie

在 Python 中，可以使用 Flask 框架来设置 Cookie。以下是一个简单的示例：

from flask import Flask, make_response

app = Flask(__name__)

@app.route('/')
def index():
    response = make_response("Setting a Cookie")
    response.set_cookie('myCookie', 'hello')
    return response

if __name__ == '__main__':
    app.run()
3. 如何读取 Cookie

浏览器如何读取 Cookie

当浏览器向服务器发送 HTTP 请求时，它会将存储在本地的所有相关的 Cookie 发送到服务器。如果服务器需要读取这些 Cookie，它会在请求头中找到它们。

代码中如何读取 Cookie（简单示例）

在代码中读取 Cookie 通常涉及解析 HTTP 请求头。以下是一些示例，展示了如何使用 JavaScript 和 Python 读取 Cookie。

使用 JavaScript 读取 Cookie

function getCookie(name) {
    var cookieArr = document.cookie.split(";");
    for(var i = 0; i < cookieArr.length; i++) {
        var cookiePair = cookieArr[i].split("=");
        /* Removing whitespace at the beginning of the cookie name
        and compare the cookie name with the given string */
        if(name === cookiePair[0].trim()) {
            return cookiePair[1];
        }
    }
    return null;
}

// 读取名为 "myCookie" 的 Cookie
console.log(getCookie('myCookie'));

使用 Python 读取 Cookie

在 Python 中，可以使用 Flask 框架来读取 Cookie。以下是一个简单的示例：

from flask import Flask, request

app = Flask(__name__)

@app.route('/')
def index():
    myCookie = request.cookies.get('myCookie')
    return f"Hello, the value of 'myCookie' is {myCookie}"

if __name__ == '__main__':
    app.run()
4. 如何删除 Cookie

手动删除 Cookie 的方法

用户可以通过浏览器设置手动删除 Cookie。以下是不同浏览器中删除 Cookie 的步骤：

  • Chrome：打开 Chrome 浏览器，点击右上角的三个点，选择“更多工具” > “清除浏览数据”，勾选“Cookies 和其他网站数据”，然后点击“清除”。
  • Firefox：打开 Firefox 浏览器，点击右上角的三条线，选择“历史” > “清除最近历史记录”，勾选“Cookies 和网站数据”，然后点击“清除”。
  • Safari：打开 Safari 浏览器，点击右上角的“偏好设置”，选择“隐私”，点击“管理网站数据”，找到需要删除的 Cookie，选择后点击“删除”。
  • Edge：打开 Edge 浏览器，点击右上角的三个点，选择“设置” > “隐私、搜索和服务”，点击“清除浏览数据”，勾选“Cookies 和其他站点数据”，然后点击“清除”。

代码中如何删除 Cookie（简单示例）

在代码中删除 Cookie 通常涉及设置 Cookie 的过期时间为过去的时间。以下是一些示例，展示了如何使用 JavaScript 和 Python 删除 Cookie。

使用 JavaScript 删除 Cookie

function deleteCookie(name) {
    document.cookie = name + '=; path=/; expires=Thu, 01 Jan 1970 00:00:01 GMT;';
}

// 删除名为 "myCookie" 的 Cookie
deleteCookie('myCookie');

使用 Python 删除 Cookie

在 Python 中，可以使用 Flask 框架来删除 Cookie。以下是一个简单的示例：

from flask import Flask, make_response

app = Flask(__name__)

@app.route('/delete_cookie')
def delete_cookie():
    response = make_response("Cookie deleted")
    response.set_cookie('myCookie', '', expires=0)
    return response

if __name__ == '__main__':
    app.run()
5. Cookie 安全性注意事项

什么是 Cookie 的安全威胁

Cookie 的安全威胁主要包括以下几种：

  • Cookie 被窃取：攻击者可以通过跨站脚本攻击 (XSS) 或中间人攻击 (MITM) 窃取用户的 Cookie。
  • Cookie 被篡改：攻击者可以通过伪造 Cookie 或修改 Cookie 的值来冒充合法用户。
  • Cookie 被滥用：攻击者可以利用 Cookie 进行恶意活动，如会话劫持。

如何保护 Cookie 安全

为了保护 Cookie 安全，可以采取以下措施：

  1. 使用 HTTPS：确保所有敏感信息通过 HTTPS 发送，以防止中间人攻击。
  2. 设置 HTTPOnly 和 Secure 标志：HTTPOnly 标志可以防止攻击者通过脚本访问 Cookie，Secure 标志可以确保 Cookie 仅通过安全连接传输。
  3. 设置 SameSite 标志：SameSite 标志可以防止跨站请求伪造 (CSRF) 攻击。有三个值可选：Strict、Lax 和 None。
  4. 使用加密和签名：对 Cookie 进行加密和签名可以增加安全性，防止 Cookie 被篡改。

以下是如何在 JavaScript 和 Python 中设置这些标志的示例：

使用 JavaScript 设置 HTTPOnly 和 Secure 标志

function setCookie(name, value, days) {
    var expires = '';
    if (days) {
        var date = new Date();
        date.setTime(date.getTime() + days * 24 * 60 * 60 * 1000);
        expires = '; expires=' + date.toUTCString();
    } else {
        expires = '';
    }
    document.cookie = name + '=' + value + expires + '; path=/; HttpOnly; Secure';
}

// 设置一个名为 "myCookie" 的 Cookie，值为 "hello"
setCookie('myCookie', 'hello', 7);

使用 Python 设置 HTTPOnly 和 Secure 标志

from flask import Flask, make_response

app = Flask(__name__)

@app.route('/')
def index():
    response = make_response("Setting a Cookie")
    response.set_cookie('myCookie', 'hello', httponly=True, secure=True)
    return response

if __name__ == '__main__':
    app.run()

使用 JavaScript 设置 SameSite 标志

function setCookie(name, value, days, sameSite) {
    var expires = '';
    if (days) {
        var date = new Date();
        date.setTime(date.getTime() + days * 24 * 60 * 60 * 1000);
        expires = '; expires=' + date.toUTCString();
    } else {
        expires = '';
    }
    document.cookie = name + '=' + value + expires + '; path=/; HttpOnly; Secure; SameSite=' + sameSite;
}

// 设置一个名为 "myCookie" 的 Cookie，值为 "hello"，SameSite 标志为 "Strict"
setCookie('myCookie', 'hello', 7, 'Strict');

使用 Python 设置 SameSite 标志

from flask import Flask, make_response

app = Flask(__name__)

@app.route('/')
def index():
    response = make_response("Setting a Cookie")
    response.set_cookie('myCookie', 'hello', httponly=True, secure=True, samesite='Strict')
    return response

if __name__ == '__main__':
    app.run()

如何避免 Cookie 被篡改

避免 Cookie 被篡改的一般方法是使用加密和签名。通过加密和签名，可以确保 Cookie 的值不会被篡改。以下是如何使用 JavaScript 和 Python 进行加密和签名的示例。

使用 JavaScript 进行加密和签名

function setCookie(name, value, days, sameSite) {
    var expires = '';
    if (days) {
        var date = new Date();
        date.setTime(date.getTime() + days * 24 * 60 * 60 * 1000);
        expires = '; expires=' + date.toUTCString();
    } else {
        expires = '';
    }
    var secretKey = 'mysecretkey';
    var crypto = window.crypto || window.msCrypto;
    var encoder = new TextEncoder();
    var decoder = new TextDecoder();
    var key = crypto.subtle.importKey(
        'raw',
        encoder.encode(secretKey),
        { name: 'AES-GCM' },
        false,
        [ 'encrypt', 'decrypt' ]
    );

    var iv = crypto.getRandomValues(new Uint8Array(12));
    var ivBuffer = new Uint8Array(iv);

    var ivString = Buffer.from(ivBuffer).toString('base64');
    var valueBuffer = encoder.encode(value);
    var encrypted = crypto.subtle.encrypt(
        { name: 'AES-GCM', iv: iv },
        key,
        valueBuffer
    );

    var encryptedValue = new Uint8Array(await encrypted);
    var encryptedValueString = Buffer.from(encryptedValue).toString('base64');

    document.cookie = name + '=' + encryptedValueString + expires + '; path=/; HttpOnly; Secure; SameSite=' + sameSite;
}

// 设置一个名为 "myCookie" 的 Cookie，值为 "hello"，SameSite 标志为 "Strict"
setCookie('myCookie', 'hello', 7, 'Strict');

使用 Python 进行加密和签名

from flask import Flask, make_response
from cryptography.fernet import Fernet
import base64

app = Flask(__name__)

def encrypt_cookie(value):
    secret_key = b'mysecretkey'
    cipher_suite = Fernet(secret_key)
    encrypted_value = cipher_suite.encrypt(value.encode())
    return base64.urlsafe_b64encode(encrypted_value).decode()

@app.route('/')
def index():
    encrypted_value = encrypt_cookie('hello')
    response = make_response("Setting a Cookie")
    response.set_cookie('myCookie', encrypted_value, httponly=True, secure=True, samesite='Strict')
    return response

if __name__ == '__main__':
    app.run()
6. 常见问题解答

Cookie 有效期如何设置

设置 Cookie 的有效期可以通过设置过期时间来实现。在设置 Cookie 时，可以指定一个过期时间，当过期时间到达时，Cookie 就会自动失效。

使用 JavaScript 设置 Cookie 的有效期

function setCookie(name, value, days) {
    var expires = '';
    if (days) {
        var date = new Date();
        date.setTime(date.getTime() + days * 24 * 60 * 60 * 1000);
        expires = '; expires=' + date.toUTCString();
    } else {
        expires = '';
    }
    document.cookie = name + '=' + value + expires + '; path=/';
}

// 设置一个名为 "myCookie" 的 Cookie，值为 "hello"，有效期为 7 天
setCookie('myCookie', 'hello', 7);

使用 Python 设置 Cookie 的有效期

from flask import Flask, make_response

app = Flask(__name__)

@app.route('/')
def index():
    response = make_response("Setting a Cookie")
    response.set_cookie('myCookie', 'hello', max_age=7 * 24 * 60 * 60)
    return response

if __name__ == '__main__':
    app.run()

如何查看浏览器中的 Cookie

查看浏览器中的 Cookie 通常涉及使用浏览器的内置设置或工具。以下是一些常见浏览器中的查看方法：

  • Chrome：打开 Chrome 浏览器，点击右上角的三个点，选择“更多工具” > “清除浏览数据”，点击“查看 Cookie 及其他站点数据”。
  • Firefox：打开 Firefox 浏览器，点击右上角的三条线，选择“设置” > “隐私与安全” > “清除浏览数据”，点击“查看 Cookie 及其他站点数据”。
  • Safari：打开 Safari 浏览器，点击右上角的“偏好设置”，选择“隐私”，点击“管理网站数据”，找到需要查看的 Cookie，点击“显示内容”。
  • Edge：打开 Edge 浏览器，点击右上角的三个点，选择“设置” > “隐私、搜索和服务” > “清除浏览数据”，点击“查看 Cookie 和其他站点数据”。

以上是关于 Cookie 的基本概念、设置、读取、删除、安全性和常见问题的详细说明。希望这些信息能帮助你更好地理解和使用 Cookie。

打开App，阅读手记
相关标签
Html/CSS
JavaScript
WebApp
0人推荐
发表评论
随时随地看视频慕课网APP

相关课程

微信小程序入门与实战（全新版） 超20000人学习的好课

¥149 初级 23880

真实数据对接 从0开发前后端分离的企业级上线项目

¥299 初级 4264

系统讲解CSS，工作应用+面试一步搞定

¥149 初级 2560

初识HTML(5)+CSS(3)-升级版

免费 入门 1225742

十天精通CSS3

免费 初级 242630