python Django socket (1)

4 篇文章 0 订阅
2 篇文章 0 订阅

1.  pip install dwebsocket

2. 设置路由

  url(r'^test_websocket/', views.test_websocket, name='test_websocket'),   # 服务端url

   url(r'', views.index, name="index"),     # 页面url

3. views.py

import json
import time
from django.http import HttpResponse
from django.shortcuts import render
from dwebsocket.decorators import accept_websocket,require_websocket

# Create your views here.

@accept_websocket
def test_websocket(request):
    if request.is_websocket():
        i = 0
        while True:
            i += 1
            if i == 1:
                messages = {
                    'time': time.strftime('%Y.%m.%d %H:%M:%S', time.localtime(time.time())),
                    'msg': 'first',
                }
                request.websocket.send(json.dumps(messages))
            else:
                time.sleep(5)
                messages = {
                    'time': time.strftime('%Y.%m.%d %H:%M:%S', time.localtime(time.time())),
                    'msg': 'send %d times!' % i,
                }
                request.websocket.send(json.dumps(messages))
    else:
        return HttpResponse('socket none')

 

 

 

4. 页面:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title> django socket</title>
    <script src="https://code.jquery.com/jquery-3.4.1.min.js"></script>
    <script type="text/javascript">
        // 页面加载完毕就请求接口,获取数据
        $(document).ready(function(){
             var socket = new WebSocket("ws://" + window.location.host + "/api/index/test_websocket/");
                socket.onopen = function () {
                    console.log('WebSocket open');//成功连接上Websocket
                    socket.send($('#message').val());//发送数据到服务端
                };
                socket.onmessage = function (e) {
                    console.log('message: ' + e.data);//打印服务端返回的数据
                    $('#messagecontainer').prepend('<p>' + e.data + '</p>');
                };
        });
    </script>
</head>
<body>
<h3> 测试socket  下面数据由后台推送到这里</h3>
    <div id="messagecontainer"></div>
</body>
</html>

 

5. 效果

 

  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值