Django websocket 長鏈接使用

時間 2020-05-21

原文原文鏈接

下載 pip install dwebsockethtml

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

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

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

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

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

1. http協議是用在應用層的協議，他是基於tcp協議的，http協議創建連接也必需要有三次握手才能發送信息。服務器

　　http連接分爲短連接，長連接，短連接是每次請求都要三次握手才能發送本身的信息。即每個request對應一個response。長連接是在必定的期限內保持連接。保持TCP鏈接不斷開。客戶端與服務器通訊，必需要有客戶端發起而後服務器返回結果。客戶端是主動的，服務器是被動的。websocket

2. WebSocket socket

　　WebSocket他是爲了解決客戶端發起多個http請求到服務器資源瀏覽器必需要通過長時間的輪訓問題而生的，他實現了多路複用，他是全雙工通訊。在webSocket協議下客服端和瀏覽器能夠同時發送信息。tcp

創建了WenSocket以後服務器沒必要在瀏覽器發送request請求以後才能發送信息到瀏覽器。這時的服務器已有主動權想何時發就能夠發送信息到服務器。並且信息當中沒必要在帶有head的部分信息了與http的長連接通訊來講，這種方式，不只能下降服務器的壓力。並且信息當中也減小了部分多餘的信息。

視圖文件向前端發送數據

from dwebsocket.decorators import accept_websocket @accept_websocket def test_websocket(request): if request.is_websocket(): while 1: time.sleep(1) ## 向前端發送時間
            dit = { 'time':time.strftime('%Y.%m.%d %H:%M:%S',time.localtime(time.time())) } request.websocket.send(json.dumps(dit))

視圖文件接收前端發送過來的數據

#接受前端信息
@accept_websocket def test_socket(request): if request.is_websocket(): for message in request.websocket: print(message) request.websocket.send(message)

路由文件

from .views import test_socket,test_websocket urlpatterns = [ path('test_socket',test_socket), path('test_websocket',test_websocket), ]

前端鏈接接收後端給予數據

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8"/>
    <title>Chat Room</title>
</head>
<body>
</body>
<script>
   
   //生成socket對象
   var socket = new WebSocket("ws:" + window.location.host + "/md_admin/test_websocket"); socket.onopen = function () { console.log('WebSocket open');//成功鏈接上Websocket
 }; socket.onmessage = function (e) { console.log('message: ' + e.data);//打印服務端返回的數據
 }; socket.onclose=function(e){ console.log(e); socket.close(); //關閉TCP鏈接
 }; if (socket.readyState == WebSocket.OPEN){ socket.onopen(); } </script>
</html>

前端鏈接向後端發送數據

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8"/>
    <title>Chat Room</title>
</head>
<body>
    <input id="chat-message-input" type="text" size="100"/><br/>
    <input id="chat-message-submit" type="button" value="Send" onclick='sendmessage()'/>
</body>
<script>
   
   //生成socket對象 var socket = new WebSocket("ws:" + window.location.host + "/md_admin/test_socket"); socket.onopen = function () { console.log('WebSocket open');//成功鏈接上Websocket }; socket.onmessage = function (e) { console.log('message: ' + e.data);//打印服務端返回的數據 }; socket.onclose=function(e){ console.log(e); socket.close(); //關閉TCP鏈接 }; if (socket.readyState == WebSocket.OPEN){ socket.onopen(); } window.s = socket; function sendmessage(){ window.s.send(document.getElementById("chat-message-input").value); } </script>
</html>

相關標籤/搜索

鏈接

使用

django+websocket+redis

nginx+uwsig+django+websocket

websocket+django+python+paramiko

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。