백엔드 데이터를 실시간으로 새로 고치기 위해 Python에서 dwebsocket을 사용하는 방법-파이썬 튜토리얼-php.cn

接受到消息

집

백엔드 개발

파이썬 튜토리얼

백엔드 데이터를 실시간으로 새로 고치기 위해 Python에서 dwebsocket을 사용하는 방법

王林

May 10, 2023 pm 03:34 PM

python dwebsocket

예약된 작업을 실행할 때 실행률이나 실시간 데이터 반환을 알아야 합니다. 이때 사용할 수 있는 방법은

1 Ajax가 백엔드 서버에 요청한 다음 프런트엔드 페이지입니다.

2. 장거리 연결 통신을 위해 webscoket을 사용하세요. Refresh

ajax 사용 방법은 간격 기능을 사용하여 타이밍 요청을 구현하는데, 여기서는 설명하지 않습니다. views.py 파일에 다음 내용을 추가합니다

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 = {
                &#39;time&#39;: time.strftime(&#39;%Y.%m.%d %H:%M:%S&#39;, time.localtime(time.time())),
                &#39;server_msg&#39;: &#39;hello%s&#39;%time.time(),
                &#39;client_msg&#39;: &#39;msg%s&#39;%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,&#39;websocket_client.html&#39;,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 파일에 관련 링크가 추가됩니다

urlpatterns = [
    path(&#39;test_websocket&#39;, views.test_websocket, name=&#39;test_websocket&#39;),
    path(&#39;test_websocket_client&#39;, views.test_websocket_client, name=&#39;test_websocket_client&#39;),
]

로그인 후 복사

html 코드를 직접 업로드

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>dwebsocket实践</title>
    <script  src="http://code.jquery.com/jquery-1.11.1.min.js"></script>
    <script type="text/javascript">
        $(function () {
            // $(&#39;#send_message&#39;).click(
            //     function() {
                var socket = new WebSocket("ws://" + window.location.host + "/test_websocket");
                socket.onopen = function () {
                    console.log(&#39;WebSocket open&#39;);//成功连接上Websocket
                    // socket.send($(&#39;#message&#39;).val());//发送数据到服务端
                };
                socket.onmessage = function (e) {
                    // console.log(&#39;message: &#39; + e.data);//打印服务端返回的数据
                    $(&#39;#messagecontainer&#39;).text(&#39;<p>&#39; + JSON.parse(e.data).client_msg + &#39;</p>&#39;+&#39;<p>&#39; + JSON.parse(e.data).server_msg + &#39;</p>&#39;);
                    // $(&#39;#messagecontainer&#39;).text(&#39;<p>&#39; + JSON.parse(e.data).server_msg + &#39;</p>&#39;);
                };
                socket.onclose=function () {
                    console.log("连接已关闭")
                }
            // });
        });
    </script>
</head>
<body>
    <input type="text" id="message" value="请输入发送消息！" />
    <button type="button" id="send_message">send message</button>
    <h2 id="接受到消息">接受到消息</h2>
    <div id="messagecontainer">
    </div>
</body>
</html>

로그인 후 복사

그런 다음 다음을 실행합니다. program

백엔드 데이터를 실시간으로 새로 고치기 위해 Python에서 dwebsocket을 사용하는 방법 10초 후에 연결을 끊고 원하는 결과를 얻습니다