快捷導(dǎo)航

Python中使用dwebsocket實(shí)現(xiàn)后端數(shù)據(jù)實(shí)時(shí)刷新

更新時(shí)間：2023年04月28日 09:35:29 作者：laoli815

dwebsocket是Python中一款用于實(shí)現(xiàn)WebSocket協(xié)議的庫，可用于后端數(shù)據(jù)實(shí)時(shí)刷新。在Django中結(jié)合使用dwebsocket和Channels，可以實(shí)現(xiàn)前后端的實(shí)時(shí)通信，支持雙向數(shù)據(jù)傳輸和消息推送，適用于實(shí)時(shí)聊天、數(shù)據(jù)監(jiān)控、在線游戲等場景

執(zhí)行定時(shí)任務(wù)的時(shí)候，我們需要了解執(zhí)行百分比或者實(shí)時(shí)數(shù)據(jù)返回，這時(shí)候可以采用的方法

1.ajax請求后端服務(wù)器，然后前端頁面局部渲染獲取百分比

2.使用webscoket進(jìn)行長連接交流刷新

ajax使用方法使用interval函數(shù)來實(shí)現(xiàn)定時(shí)請求，本次這里不做說明

views.py文件添加如下內(nèi)容

from django.shortcuts import render,HttpResponse
from dwebsocket.decorators import accept_websocket
import time,random
import uuid
import json
@accept_websocket
def test_websocket(request):
    cnt=1
    if request.is_websocket():
        while True:
            messages = {
                'time': time.strftime('%Y.%m.%d %H:%M:%S', time.localtime(time.time())),
                'server_msg': 'hello%s'%time.time(),
                'client_msg': 'msg%s'%time.time()
            }
            time.sleep(1)
            cnt+=1
            if cnt<=10:
                request.websocket.send(json.dumps(messages))
            else:
                break

def test_websocket_client(request):
    return  render(request,'websocket_client.html',locals())

settings.py文件增加dwebsocket

INSTALLED_APPS = [
'django.contrib.admin',
'django.contrib.auth',
'django.contrib.contenttypes',
'django.contrib.sessions',
'django.contrib.messages',
'django.contrib.staticfiles',
'dwebsocket'
]

urls.py文件添加相關(guān)鏈接

urlpatterns = [
    path('test_websocket', views.test_websocket, name='test_websocket'),
    path('test_websocket_client', views.test_websocket_client, name='test_websocket_client'),
]

直接上html代碼

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>dwebsocket實(shí)踐</title>
    <script  src="http://code.jquery.com/jquery-1.11.1.min.js"></script>
    <script type="text/javascript">
        $(function () {
            // $('#send_message').click(
            //     function() {
                var socket = new WebSocket("ws://" + window.location.host + "/test_websocket");
                socket.onopen = function () {
                    console.log('WebSocket open');//成功連接上Websocket
                    // socket.send($('#message').val());//發(fā)送數(shù)據(jù)到服務(wù)端
                };
                socket.onmessage = function (e) {
                    // console.log('message: ' + e.data);//打印服務(wù)端返回的數(shù)據(jù)
                    $('#messagecontainer').text('<p>' + JSON.parse(e.data).client_msg + '</p>'+'<p>' + JSON.parse(e.data).server_msg + '</p>');
                    // $('#messagecontainer').text('<p>' + JSON.parse(e.data).server_msg + '</p>');
                };
                socket.onclose=function () {
                    console.log("連接已關(guān)閉")
                }
            // });
        });
    </script>
</head>
<body>
    <input type="text" id="message" value="請輸入發(fā)送消息！" />
    <button type="button" id="send_message">send message</button>
    <h1>接受到消息</h1>
    <div id="messagecontainer">
    </div>
</body>
</html>

然后我們運(yùn)行程序

十秒之后斷開連接得到了我們想要的結(jié)果

業(yè)務(wù)需求的話，可以在我們的test_websocket 修改我們的邏輯然后根據(jù)返回的結(jié)果進(jìn)行渲染

到此這篇關(guān)于Python中使用dwebsocket實(shí)現(xiàn)后端數(shù)據(jù)實(shí)時(shí)刷新的文章就介紹到這了,更多相關(guān)Python dwebsocket內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！

您可能感興趣的文章: