• Django实现websocket完成实时通讯、聊天室、在线客服等


    一 什么是Websocket

    WebSocket是一种在单个TCP连接上进行全双工通信的协议

    WebSocket使得客户端和服务器之间的数据交换变得更加简单,允许服务端主动向客户端推送数据。在WebSocket API中,浏览器和服务器只需要完成一次握手,两者之间就直接可以创建持久性的连接,并进行双向数据传输

    现在,很多网站为了实现推送技术,所用的技术都是轮询。轮询是在特定的的时间间隔(如每1秒),由浏览器对服务器发出HTTP请求,然后由服务器返回最新的数据给客户端的浏览器。这种传统的模式带来很明显的缺点,即浏览器需要不断的向服务器发出请求,然而HTTP请求可能包含较长的头部,其中真正有效的数据可能只是很小的一部分,显然这样会浪费很多的带宽等资源。
    而比较新的技术去做轮询的效果是Comet。这种技术虽然可以双向通信,但依然需要反复发出请求。而且在Comet中,普遍采用的长链接,也会消耗服务器资源。

    在这种情况下,HTML5定义了WebSocket协议,能更好的节省服务器资源和带宽,并且能够更实时地进行通讯

    二 Django实现Websocket

    django实现websocket大致上有两种方式,一种channels,一种是dwebsocket。channels依赖于redis,twisted等,相比之下使用dwebsocket要更为方便一些

    三 dwebsocket安装

    pip3 install dwebsocket

    四 dwebsocket配置

    INSTALLED_APPS = [
        .....
        .....
        'dwebsocket',
    ]
     
    MIDDLEWARE_CLASSES = [
        ......
        ......
        'dwebsocket.middleware.WebSocketMiddleware'  # 为所有的URL提供websocket,如果只是单独的视图需要可以不选
     
    ]
    WEBSOCKET_ACCEPT_ALL=True   # 可以允许每一个单独的视图实用websockets

    五 使用

    html代码:

    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Title</title>
    </head>
    <body>
    
    
    <button onclick="WebSocketTest()">test</button>
    </body>
    
    
    <script>
    
    
        function WebSocketTest() {
            alert(1)
            if ("WebSocket" in window) {
                alert("您的浏览器支持 WebSocket!");
    
                // 打开一个 web socket
                ws = new WebSocket("ws://127.0.0.1:8000/path/");
    
                ws.onopen = function () {
                    // Web Socket 已连接上,使用 send() 方法发送数据
                    ws.send("发送数据");
                    alert("数据发送中...");
                };
    
                ws.onmessage = function (evt) {
                    var received_msg = evt.data;
                    alert("数据已接收...");
                    alert("数据:" + received_msg)
                };
    
                ws.onclose = function () {
                    // 关闭 websocket
                    alert("连接已关闭...");
                };
            }
    
            else {
                // 浏览器不支持 WebSocket
                alert("您的浏览器不支持 WebSocket!");
            }
        }
    
    
    </script>
    </html>

    views视图层:

    from django.shortcuts import render,HttpResponse
    
    # Create your views here.
    def login(request):
        return render(request,'login.html')
    
    from dwebsocket.decorators import accept_websocket
    @accept_websocket
    def path(request):
        if request.is_websocket():
            print(1)
            request.websocket.send('下载完成'.encode('utf-8'))

    路由层:

    from django.conf.urls import url
    from django.contrib import admin
    from app01 import views
    urlpatterns = [
        url(r'^admin/', admin.site.urls),
        url(r'^login/', views.login),
        url(r'^path/', views.path),
    ]

    六 详解

    #dwebsocket有两种装饰器:require_websocket和accept_websocekt,使用require_websocket装饰器会导致视图函数无法接收导致正常的http请求,一般情况使用accept_websocket方式就可以了,
    # 
    # dwebsocket的一些内置方法:
    # 
    # request.is_websocket():判断请求是否是websocket方式,是返回true,否则返回false
    # request.websocket: 当请求为websocket的时候,会在request中增加一个websocket属性,
    # WebSocket.wait() 返回客户端发送的一条消息,没有收到消息则会导致阻塞
    # WebSocket.read() 和wait一样可以接受返回的消息,只是这种是非阻塞的,没有消息返回None
    # WebSocket.count_messages()返回消息的数量
    # WebSocket.has_messages()返回是否有新的消息过来
    # WebSocket.send(message)像客户端发送消息,message为byte类型
  • 相关阅读:
    centos7系统最小系统安装并配置网络
    解决 JAAVA springboot 数据存储到数据库数据显示??的方案
    vue scoped
    Vue插件
    Git命令学习
    深度拷贝
    ES6学习_简化对象写法
    ES6学习_字符串的拼接
    ES6学习_变量的解构赋值
    ES6学习_const关键字
  • 原文地址:https://www.cnblogs.com/sui776265233/p/10176275.html
Copyright © 2020-2023  润新知