Django實現websocket完成實時通信、聊天室、在線客服等

時間 2019-11-18

標籤 django 實現 websocket 完成實時通信聊天室在線客服欄目 Python 简体版

原文原文鏈接

一什麼是Websocket

WebSocket是一種在單個TCP鏈接上進行全雙工通訊的協議html

WebSocket使得客戶端和服務器之間的數據交換變得更加簡單，容許服務端主動向客戶端推送數據。在WebSocket API中，瀏覽器和服務器只須要完成一次握手，二者之間就直接能夠建立持久性的鏈接，並進行雙向數據傳輸web

如今，不少網站爲了實現推送技術，所用的技術都是輪詢。輪詢是在特定的的時間間隔（如每1秒），由瀏覽器對服務器發出HTTP請求，而後由服務器返回最新的數據給客戶端的瀏覽器。這種傳統的模式帶來很明顯的缺點，即瀏覽器須要不斷的向服務器發出請求，然而HTTP請求可能包含較長的頭部，其中真正有效的數據可能只是很小的一部分，顯然這樣會浪費不少的帶寬等資源。

而比較新的技術去作輪詢的效果是Comet。這種技術雖然能夠雙向通訊，但依然須要反覆發出請求。並且在Comet中，廣泛採用的長連接，也會消耗服務器資源。

在這種狀況下，HTML5定義了WebSocket協議，能更好的節省服務器資源和帶寬，而且可以更實時地進行通信redis

二 Django實現Websocket

django實現websocket大體上有兩種方式，一種channels，一種是dwebsocket。channels依賴於redis，twisted等，相比之下使用dwebsocket要更爲方便一些django

三 dwebsocket安裝

pip3 install dwebsocket

四 dwebsocket配置

INSTALLED_APPS = [
    .....
    .....
    'dwebsocket',
]
 
MIDDLEWARE_CLASSES = [
    ......
    ......
    'dwebsocket.middleware.WebSocketMiddleware'  # 爲全部的URL提供websocket，若是隻是單獨的視圖須要能夠不選
 
]
WEBSOCKET_ACCEPT_ALL=True   # 能夠容許每個單獨的視圖實用websockets

五使用

html代碼：瀏覽器

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>


<button onclick="WebSocketTest()">test</button>
</body>


<script>


    function WebSocketTest() {
        alert(1)
        if ("WebSocket" in window) {
            alert("您的瀏覽器支持 WebSocket!");

            // 打開一個 web socket
            ws = new WebSocket("ws://127.0.0.1:8000/path/");

            ws.onopen = function () {
                // Web Socket 已鏈接上，使用 send() 方法發送數據
                ws.send("發送數據");
                alert("數據發送中...");
            };

            ws.onmessage = function (evt) {
                var received_msg = evt.data;
                alert("數據已接收...");
                alert("數據:" + received_msg)
            };

            ws.onclose = function () {
                // 關閉 websocket
                alert("鏈接已關閉...");
            };
        }

        else {
            // 瀏覽器不支持 WebSocket
            alert("您的瀏覽器不支持 WebSocket!");
        }
    }


</script>
</html>

views視圖層：服務器

from django.shortcuts import render,HttpResponse

# Create your views here.
def login(request):
    return render(request,'login.html')

from dwebsocket.decorators import accept_websocket
@accept_websocket
def path(request):
    if request.is_websocket():
        print(1)
        request.websocket.send('下載完成'.encode('utf-8'))

路由層：websocket

from django.conf.urls import url
from django.contrib import admin
from app01 import views
urlpatterns = [
    url(r'^admin/', admin.site.urls),
    url(r'^login/', views.login),
    url(r'^path/', views.path),
]

六詳解

#dwebsocket有兩種裝飾器：require_websocket和accept_websocekt，使用require_websocket裝飾器會致使視圖函數沒法接收致使正常的http請求，通常狀況使用accept_websocket方式就能夠了，
# 
# dwebsocket的一些內置方法：
# 
# request.is_websocket（）：判斷請求是不是websocket方式，是返回true，不然返回false
# request.websocket： 當請求爲websocket的時候，會在request中增長一個websocket屬性，
# WebSocket.wait（） 返回客戶端發送的一條消息，沒有收到消息則會致使阻塞
# WebSocket.read（） 和wait同樣能夠接受返回的消息，只是這種是非阻塞的，沒有消息返回None
# WebSocket.count_messages（）返回消息的數量
# WebSocket.has_messages（）返回是否有新的消息過來
# WebSocket.send（message）像客戶端發送消息，message爲byte類型