Django-cookie與session

時間 2019-11-17

原文原文鏈接

會話跟蹤技術

什麼是會話跟蹤技術

會話能夠理解爲客戶端與服務器之間的一次會晤，在一次會晤中可能會包含屢次請求和響應。例如你給10086打個電話，你就是客戶端，而10086客服就是服務器了。從雙方接通電話那一刻起，會話就開始了，到某一方掛斷電話表示會話結束。在通話過程當中，你會向10086發出多個請求，那麼這多個請求都在一個會話中。css

在JavaWeb中，客戶向某一服務器發出第一個請求開始，會話就開始了，直到客戶關閉了瀏覽器會話結束。html

在一個會話的多個請求中共享數據，這就是會話跟蹤技術。python

例如在一個會話中的請求以下：jquery

請求銀行主頁；
請求登陸(請求參數是用戶名和密碼)；
請求轉帳(請求參數與轉帳相關的數據)；
請求信用卡還款(請求參數與還款相關的數據)；

在上述會話中當前用戶信息必須是共享的，由於登陸的是張三，那麼在轉帳和還款時必定是相對張三的轉帳和還款。這就說明必須在一個會話過程當中有共享數據的能力。web

Cookie與Session應用

HTTP協議是無狀態協議，即每一個請求都是獨立的，沒法記錄前一次請求的狀態。但HTTP協議中可使用Cookie來完成會話跟蹤，Web開發可以使用Session來完成會話跟蹤，session底層依賴Cookie技術。數據庫

Cookie

Cookie簡介

Cookie，中文即小甜點，小餅乾。在HTTP中它表示服務器發送給客戶端瀏覽器的小甜點。npm

Cookie是key-value結構，相似於一個python中的字典，隨着服務器端的響應發送給客戶端瀏覽器，而後客戶端瀏覽器會把Cookie保存起來。當下一次再訪問服務器時把Cookie再發送給服務器。django

Cookie是由服務器建立，而後經過響應發送給客戶端的一個鍵值對。客戶端會保存Cookie，並會標註出Cookie的來源(哪一個服務器的Cookie)。當客戶端向服務器發出請求時會把全部這個服務器Cookie包含在請求中發送給服務器，這樣服務器就能夠識別客戶端了。bootstrap

不一樣瀏覽器之間是不共享Cookie的。即便用IE訪問服務器時，服務器會把Cookie發給IE，而後由IE保存起來，當你在使用FireFox訪問服務器時，不可能把IE保存的Cookie發送給服務器。瀏覽器

Cookie規範

Cookie大小上限爲4KB；
一個服務器最多在客戶端瀏覽器上保存20個Cookie；
一個瀏覽器最多保存300個Cookie；

上面的數據只是HTTP的Cookie規範，但在瀏覽器大戰的今天，一些瀏覽器爲了戰勝對手，展示本身的能力起見，可能對Cookie規範"擴展"了一些，例如每一個Cookie的大小爲8KB，最多可保存500個Cookie等。但也不會出現把你硬盤佔滿的可能。

Cookie與HTTP頭

Cookie是經過HTTP請求頭和響應頭在客戶端和服務器端傳遞的。

請求頭：客戶端發送給服務器端

格式：Cookie：a=A; b=B; c=C (即多個Cookie用分號隔開)

響應頭：服務器端發送給客戶端

格式：Set-Cookie: a=A Set-Cookie: b=B Set-Cookie: c=C (一個Cookie對象一個Set-Cookie)

Cookie的覆蓋

若是服務器端發送重複的Cookie，那麼會覆蓋原有的Cookie，例如客戶端的第一個請求服務器端發送的Cookie是：Set-Cookie: a=A; 第二個請求服務器端發送的是：Set-Cookie: a=AA,那麼客戶端只留下一個Cookie，即a=AA。

Django中Cookie語法

設置Cookie

rep = HttpResponse(...)/render(request,...)/redirect(...)

rep.set_cookie(key, value)
rep.set_signed_cookie(key, value, salt="加密鹽")

'''
class HttpResponseBase:

        def set_cookie(self, key,                 鍵
        　　　　　　　　　　　　 value='',            值
        　　　　　　　　　　　　 max_age=None,        超長時間 
　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　cookie須要延續的時間（以秒爲單位）
　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　若是參數是\ None`` ，這個cookie會延續到瀏覽器關閉爲止。

        　　　　　　　　　　　　 expires=None,        超長時間
       　　　　　　　　　　　　　　　　　　　　　　　　　　expires默認None ,cookie失效的實際日期/時間。 
    　　　　　　　　　　　　　　　　　　　　　　　　　　　　

        　　　　　　　　　　　　 path='/',           Cookie生效的路徑，
                                                 瀏覽器只會把cookie回傳給帶有該路徑的頁面，這樣能夠避免將
                                                 cookie傳給站點中的其餘的應用。
                                                 / 表示根路徑，特殊的：根路徑的cookie能夠被任何url的頁面訪問
        　　　　　　　　　　　　 
                             domain=None,         Cookie生效的域名
                                                
                                                  你可用這個參數來構造一個跨站cookie。
                                                  如， domain=".example.com"
                                                  所構造的cookie對下面這些站點都是可讀的：
                                                  www.example.com 、 www2.example.com 
        　　　　　　　　　　　　　　　　　　　　　　　　　和an.other.sub.domain.example.com 。
                                                  若是該參數設置爲 None ，cookie只能由設置它的站點讀取。

        　　　　　　　　　　　　 secure=False,        若是設置爲 True ，瀏覽器將經過HTTPS來回傳cookie。
        　　　　　　　　　　　　 httponly=False       只能http協議傳輸，沒法被JavaScript獲取
                                                 （不是絕對，底層抓包能夠獲取到也能夠被覆蓋）
        　　　　　　　　　　): pass

'''

源碼

獲取Cookie

request.COOKIE.get()

刪除cookie

rep.delete_cookie(key)

from django.shortcuts import render, HttpResponse, redirect

# Create your views here.

from cookie import models


def login(request):
    if request.method == "GET":
        return render(request, "login.html")
    else:
        username = request.POST.get("username")
        password = request.POST.get("password")

        user_obj = models.Userinfo.objects.filter(username=username, password=password).first()

        if user_obj:
            obj = redirect("/index/")
            obj.set_cookie("is_login", True)
            obj.set_cookie("username", username)
            return obj
        return redirect("/login/")


def index(request):
    user = request.COOKIES.get("username")
    is_login = request.COOKIES.get("is_login")
    if is_login:
        return render(request, "index.html", {"user": user})
    else:
        return redirect("/login/")

基於Cookie實現登陸驗證(view.py)

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <!-- 最新版本的 Bootstrap 核心 CSS 文件 -->
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">

    <!-- 可選的 Bootstrap 主題文件（通常不用引入） -->
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap-theme.min.css" integrity="sha384-rHyoN1iRsVXV4nD0JutlnGaslCJuC7uwjduW9SVrLvRYooPp2bWYgmgJQIXwl/Sp" crossorigin="anonymous">

    <!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
    <style>
        .container {
            margin-top:100px;
        }
    </style>
</head>
<body>
    <div class="container">
        <div class="row col-md-6 col-md-offset-3">
            <form action="" method="post">
                {% csrf_token %}
                <div class="from-group">
                <label for="user">用戶名</label>
                <input type="text" id="user" name="username" class="form-control">
            </div>
            <div class="form-group">
                <label for="pwd">密碼</label>
                <input type="text" id="pwd" name="password" class="form-control">
            </div>
            <input type="submit" value="提交" class="btn-info pull-right">
            </form>
        </div>
    </div>
</body>
</html>

登陸頁面(HTML)

jquery操做Cookie

Session

Session簡介

Session是服務器端技術，利用這個技術，服務器在運行時能夠爲每個用戶的瀏覽器建立一個其獨享的session對象，因爲session爲用戶瀏覽器獨享，因此用戶在訪問服務器的web資源時，能夠把各自的數據放在各自的session中，當用戶再去訪問該服務器中的其它web資源時，其它web資源再從用戶各自的session中取出數據爲用戶服務。

Django中session語法

# 1. 設置Session值
    request.session['session_name'] = 'admin'

# 2. 獲取Session值
    session_name = request.session['session_name']
    session_name = request.session.get('session_name')

# 3. 刪除Session值
    del request.session['session_name']

# 4. flush()
    刪除當前會話數據並刪除會話的Cookie。
    這用於確保前面的會話數據不能夠再次被用戶的瀏覽器訪問

Session配置

Django默認支持Session，而且默認是將Session數據存儲在數據庫中，即django_session表中。

SESSION_ENGINE = 'django.contrib.sessions.backends.db'   # 引擎（默認）
       
    SESSION_COOKIE_NAME ＝ "sessionid"                       # Session的cookie保存在瀏覽器上時的key，即：sessionid＝隨機字符串（默認）
    SESSION_COOKIE_PATH ＝ "/"                               # Session的cookie保存的路徑（默認）
    SESSION_COOKIE_DOMAIN = None                             # Session的cookie保存的域名（默認）
    SESSION_COOKIE_SECURE = False                            # 是否Https傳輸cookie（默認）
    SESSION_COOKIE_HTTPONLY = True                           # 是否Session的cookie只支持http傳輸（默認）
    SESSION_COOKIE_AGE = 1209600                             # Session的cookie失效日期（2周）（默認）
    SESSION_EXPIRE_AT_BROWSER_CLOSE = False                  # 是否關閉瀏覽器使得Session過時（默認）
    SESSION_SAVE_EVERY_REQUEST = False                       # 是否每次請求都保存Session，默認修改以後才保存（默認）

配置settings.py

示例

def login_required(func):
　　'''
　　request.session.get("is_login")的實現:
　　1 取鑰匙
　　2 去django-session表中獲取對應記錄對象
　　3 經過對象取出is_login這個鍵對應的值

　　'''
    def inner(request,*args,**kwargs):
        is_login = request.session.get("is_login")
        if is_login:
            func(*args)
        else:
            return redirect("/login/")
    return inner

# 自動生成驗證碼圖片
def get_random_color():
    return random.randint(0, 255), random.randint(0, 255), random.randint(0, 255)


def valid_img(request):
    img = Image.new("RGB", (250, 35), get_random_color())
    draw = ImageDraw.Draw(img)
    font = ImageFont.truetype("static/font/kumo.ttf", 34)

    keep_str = ""
    for i in range(5):
        random_num = str(random.randint(0, 9))
        random_low_alpha = chr(random.randint(97, 122))
        random_upper_alpha = chr(random.randint(65, 90))
        random_char = random.choice([random_num, random_low_alpha, random_upper_alpha])
        draw.text((20+i*35, 0), random_char, get_random_color(), font=font)
        keep_str += random_char

    # 噪點噪線
    width = 250
    height = 35
    # 噪線
    for i in range(5):
        x1 = random.randint(0, width)
        x2 = random.randint(0, width)
        y1 = random.randint(0, height)
        y2 = random.randint(0, height)
        draw.line((x1, y1, x2, y2), fill=get_random_color())
    # 噪點
    for i in range(10):
        draw.point([random.randint(0, width), random.randint(0, height)], fill=get_random_color())
        x = random.randint(0, width)
        y = random.randint(0, height)
        draw.arc((x, y, x+4, y+4), 0, 90, fill=get_random_color())

    request.session["keep_str"] = keep_str
    f = BytesIO()
    img.save(f, "png")
    data = f.getvalue()
    return HttpResponse(data)

# 登陸
def login(request):
　　'''
    request.session["is_login"]=True的實現:

    if not 獲取鑰匙(sessionid):
        1 隨機字符串
        2 在django-sesion表下建立一條記錄(表明一個客戶端瀏覽器)
        3 響應set_cookie("sessionid",隨機的字符串)
    else:
        1 在django-sesion表下建立一條記錄(表明一個客戶端瀏覽器)
        2 跟新數據
   '''
    if request.method == "GET":
        return render(request, "login.html")
    else:
        user = request.POST.get("username")
        pwd = request.POST.get("password")
        validCode = request.POST.get("validCode")
        if validCode.upper() == request.session.get("keep_str").upper():
            user_obj = models.UserInfoSession.objects.filter(username=user, password=pwd).first()
            if user_obj:
                request.session["is_login"] = True
                request.session["username"] = user
                return redirect("/index/")
            else:
                return redirect("/login/")
        else:
            return redirect("/login/")

# 主頁
@login_required
def index(request):
        return render(request, "index.html", {"user": request.session.get("username")})

# 註銷
def logout(request):
    '''
    request.session.flush()的實現:
    1 取鑰匙
    2 過濾djangosession對應記錄
    3 刪除記錄
    '''
    request.session.flush()

    return redirect("/login/")

基於自動生成驗證碼圖片的登陸註冊

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
        <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css"
          integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
    <script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.js"></script>

    <style>
        .container{
            margin-top: 100px;
        }
    </style>
</head>
<body>
    <div class="container">
        <div class="row col-md-6 col-md-offset-3">
            <h2 class="text-center">用戶登陸</h2>
            <form action="" method="POST">
                {% csrf_token %}
                <div class="form-group">
                    <label for="username">用戶名</label>
                    <input type="text" id="username" name="username" class="form-control">
                </div>

                <div class="form-group">
                    <label for="pwd">密碼</label>
                    <input type="text" id="pwd" name="password" class="form-control">
                </div>

                <div class="form-group">
                    <label for="validCode">驗證碼</label>
                    <div class="row">
                        <div class="col-md-6">
                            <input type="text" id="validCode" name="validCode" class="form-control">
                        </div>

                        <div class="col-md-6">
                            <img src="/valid_img/" alt="" width="250" height="35">
                        </div>
                    </div>
                </div>
                <input type="submit" class="btn btn-info pull-right">
            </form>
        </div>
    </div>

</body>
</html>