django中websocket

最新推荐文章于 2023-07-27 17:35:14 发布
最新推荐文章于 2023-07-27 17:35:14 发布
阅读量364 收藏
点赞数
文章标签： websocket django
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/hesujian/article/details/101010732
版权

概述

  websocket是什么？

  WebSocket 是 HTML5 提供的一种浏览器与服务器间进行全双工通讯的协议。依靠这种协议可以实现客户端和服务器端 ，一次握手，双向实时通信。

本文实现功能

  django的signals触发事件配合websocket向客户端推送数据库修改状态(或者是你自定义的数据)
  websocket这里使用的是dwebsocket，需要手动pip install，安装完需要在配置中INSTALLED_APPS完成配置
  至于提到的signals，在本文中其实并没有实际应用上，放在下一篇文章中再对signals进行讲解
  需要注意的是：本文拉过去直接运行不会出现效果，需要发送消息函数和signas绑定起来触发执行才会看到效果

view.py

from dwebsocket.decorators import accept_websocket

# 存储连接websocket的用户
clients = {}

def webchat(request, username):

    return render(request, 'web.html',locals())

# 连接websocket  ws://localhost：8000/websocketLink/22
# 因为 websocket 是协议  所以不能用 http或https
@accept_websocket
def websocketLink(request, username):
    '连接websocket'

    # 获取连接
    if request.is_websocket:
        # 用户来了之后通过用户名保存到全局的字典中,(后续通过django的signals触发循环字典给前端推送消息)
        clients[username] = request.websocket


# 服务端发送消息
def send(msg):      # 需要和signals的触发函数绑定到一起
    'title：消息标题 data：消息内容，消息内容:url'
    try:
        for username, client in clients.items()[:]:     # 遍历拿到所有需要发送的客户端(取切片，因为要对for循环的字典删除)
            if client.is_closed():  # 如果已经关闭就从用户列表中删除
                clients.pop(username)
            else:
                import json
                b1 = json.dumps(msg).encode('utf-8')
                client.send(b1)
    except BaseException:
        # messageLog = MessageLog(name=username, msg_title=title, msg=data, msg_url=url, is_required=1)
        pass
    finally:
        pass
# messageLog.save()

前端html

<!DOCTYPE html>
<html>
<head>
    {% load static %}


    <title>django-websocket</title>
    <script src="http://code.jquery.com/jquery-1.11.1.min.js"></script>
    <script type="text/javascript">//<![CDATA[
    $(function () {

    var websocket;
    var name= '{{username}}';
     // 首先判断是否 支持 WebSocket  name身份标识  我当前用的 用户名，
    if('WebSocket' in window) {

        websocket = new WebSocket("ws://localhost:8000/websocketLink/"+name);
    } else if('MozWebSocket' in window) {
        websocket = new MozWebSocket("ws://localhost:8000/websocketLink/"+name);
    } else {
        websocket = new SockJS("ws://localhost:8000/websocketLink/"+name);
    }

        // 打开连接时    formatMsg是我自定义的消息提示
        websocket.onopen = function(event) {
             //formatMsg("系统提示：","您已连接 ，消息提示系统！！",2000)
            alert("您已连接 ，消息提示系统！！")
        };
        //发送消息
        $('#send_message').click(function () {
            if(!websocket){
                alert("Please connect server.");
            }else{
              //websocket.send($('#message').val()); //发送字符串数据类型
                websocket.send(JSON.stringify({'title': '通知', 'data': $('#message').val(), 'url': null}));//发送json数据类型
            }
        });
    // 收到消息时
    websocket.onmessage = function(event) {
        var data =JSON.parse(event.data);
       // formatMsg(data.title,data.data,10000)
            alert(data.data)

    };
    // 错误时
    websocket.onerror = function(event) {
        console.log("  websocket.onerror  ");
    };
    // 断开连接时
    websocket.onclose = function(event) {
          //formatMsg("系统提示：","已断开服务器，无法接收消息提示（请重新刷新页面）",2000)
        alert("已断开服务器，无法接收消息提示（请重新刷新页面）")
    };
            //关闭websocket连接
        $('#close_websocket').click(function () {
            if(websocket){
                websocket.close();
            }
        });
    });
    function formatMsg(title,data,time) {
                iziToast.show({
            color: 'dark',
            icon: 'icon-contacts',
            title: title,
            message: data,
            timeout: time,

            position: 'topCenter',
            transitionIn: 'flipInX',
            transitionOut: 'flipOutX',
            progressBarColor: 'rgb(0, 255, 184)',
            image: 'img/avatar.jpg',
            imageWidth: 70,
            layout:2,
            onClose: function(){
                console.info('onClose');
            },
            iconColor: 'rgb(0, 255, 184)'
        });
}
 </script>
</head>
<body>
<br>
<input type="text" id="message" value="Hello, World!" />
<button type="button" id="send_message">发送消息</button>
<button type="button" id="close_websocket">关闭websocket</button>

</body>
</html>

路由

    url(r'websocketLink/(?P<username>\w+)', views.websocketLink),# webSocket 链接
    url(r'web/(?P<username>\w+)', views.webchat),
hesujian
关注
Django中WebSocket的实现与性能优化策略
mrdeam的博客
07-08 596
WebSocket是一种在单个TCP连接上进行全双工通信的协议。与HTTP不同，WebSocket允许服务器主动向客户端发送消息，而不需要客户端首先发起请求。这使得它成为实时应用程序的理想选择。本文介绍了在Django中实现WebSocket的两种方法：一种是使用第三方库，另一种是使用官方支持的异步通信框架Django Channels。通过WebSocket技术，我们可以在Web应用中实现实时通信，例如聊天应用、实时更新等功能。在使用。
Django中使用Websocket
大老表的博客
09-09 6103
websocket的配置 Daphne + Channels 常规的视图函数进行的是http请求，Django中使用channels库将websocket请求添加到部分子路由中 1，在项目同名子目录下添加routing,py文件 # mysite/routing.py from channels.routing import ProtocolTypeRouter application = P...
Django使用WebSocket
最新发布
信橙则灵的博客
07-27 5262
WebSocket 是什么？协议django 中实现 WebSocket， channels 组件单独连接和收发数据手动创建列表 & channel layers运维&运维开发的同学，使用 WebSocket 实现代码发布系统项目。
django websocket
穿过那片麦田
08-29 6148
python websocket django channels 长连接
django中websocket的使用
LAM1006_csdn的博客
01-04 3406
websocket是一种持久化的协议，HTTP协议是一种无状态的协议，在特定场合我们需要使用长连接，做数据的实时更新，这种情况下我们就可以使用websocket做持久连接。http与websocket二者存在交集。 后端： from dwebsocket.decorators import accept_websocket import json # 存储连接websocket的用户 clist = [] @accept_websocket def websocketLink(request):
django+websocket
m0_43448734的博客
10-26 1764
django+websocket
Django配置websocket
RBK的博客
06-28 741
这里有个小问题，我一直设置的websocket链接是，然后就报错一直连接不上socket，才知道这个链接是要能够直接访问到的，和URL一样，不是服务器内部自己使用的IP，所以使用作为地址 后端 这里面的app都是，就是自己随意一个app 安装一下 配置一下app 配置路由 配置视图文件 这里的装饰器两个都可以用，但是如果用require的话，可能会影响正常的HTTP请求 几个常用的websocket方法 效果 然后进入页面以后，在console里面会看到有输出，同时会有这么一个报错，有可能因为上面的操作是一
django+websocket实时通讯
04-08
在提供的"HelloWorld"示例中，可能包含了一个简单的WebSocket实现，展示了如何在Django中创建一个基础的WebSocket服务。这个例子可能包含了一个消费者类，用于接收和发送“Hello, World!”的消息，以及一个前端页面...
django webSocket
08-30
django webSocket
django项目使用dwebsocket案例
01-25
此为dwebsocket在django项目中的简单结合使用。django后端给web前端发送数据，前端可以持续接收
python加django加websocket实现即时通讯
10-25
用django加websocket实现简单网页聊天
Django实现websocket
bigcarp的专栏
01-20 752
现在，很多网站为了实现推送技术，所用的技术都是轮询。这种传统的模式带来很明显的缺点，即浏览器需要不断的向服务器发出请求，然而HTTP请求可能包含较长的头部，其中真正有效的数据可能只是很小的一部分，显然这样会浪费很多的带宽等资源。dwebsocket有两种装饰器：require_websocket和accept_websocekt，使用require_websocket装饰器会导致视图函数无法接收导致正常的http请求，一般情况使用accept_websocket方式就可以了，
Django WebSocket
07-01 1325
Django WebSocket：dwebsocket https://github.com/duanhongyi/dwebsocket 百度云分享链接：http://pan.baidu.com/s/1pKHU9Bl   密码：sung
websocket在Django中的实现
dasfa11的博客
11-15 581
使用方法 使用上很方便,如果为一个单独的视图函数处理一个websocklet连接可以使用accept_websocket装饰器，它会将标准的HTTP请求路由到视图中。使用require_websocke装饰器只允许使用WebSocket连接，会拒绝正常的HTTP请求。 一些属性和方法 1.request.is_websocket() 如果是个websocket请求返回True，如果是个普通的http请求返回False,可以用这个方法区分它们。 2.request.websocket 在一个websocke
django ,websocket
小菜鸟sha的博客
12-17 335
Django asgi实现websocket（不止支持http） 请看此链接视频：https://www.bilibili.com/video/BV1cV41167s9?from=search&seid=17064426832291122764
Django 中 WebSocket 视图的 URL
05-22
在 Django 中使用 WebSocket 需要使用第三方库，比如 `django-channels`。使用 `django-channels` 可以轻松实现 WebSocket 功能。 以下是一个简单的 Django WebSocket 程序的 URL 配置： ```python from django....
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值