首页 > Web开发 > 详细

Django实现websocket完成实时通讯

时间:2019-10-14 19:41:28      阅读:104      评论:0      收藏:0      [点我收藏+]

 

一 什么是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,
]
 
setting.py 配置: WEBSOCKET_ACCEPT_ALL
=True # 可以允许每一个单独的视图实用websockets

 

五 使用

项目结构:

技术分享图片

 

 

1,路由层:

from django.conf.urls import url
from . import views

urlpatterns = [
    url(r^login/, views.login),
    url(r^path/, views.path),
]

2,视图层:

# Create your views here.
from django.shortcuts import render,HttpResponse
from dwebsocket.decorators import accept_websocket

def login(request):
    return render(request,login.html)

@accept_websocket
def path(request):
    if request.is_websocket():
        for message in request.websocket:
            if request.websocket.is_closed():
                print(连接关闭)
                return HttpResponse(连接断开)
            else:
                print(--- request.is_websocket() 数据:  --->>,message.decode())
                request.websocket.send(django后台已下载完成.encode(utf-8))

3,html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="http://code.jquery.com/jquery-1.11.1.min.js"></script>
</head>
<body>
<button onclick="WebSocketTest()">test</button>
</body>


<script type="text/javascript">
    function WebSocketTest() {
        /*创建socket连接*/
        if ("WebSocket" in window) {
            alert("您的浏览器支持 WebSocket!");
            var socket = new WebSocket("ws://" + 127.0.0.1:8000 + "/path/");
            socket.onopen = function () {
                console.log(WebSocket open);//成功连接上Websocket
                const sendData = {
                    type: register,
                };
                socket.send(JSON.stringify(sendData));
            };

            socket.onmessage = function (e) {
                alert(message:  + e.data);//打印出服务端返回过来的数据
            };

            socket.onclose = function () {
                // 关闭 websocket
                alert("连接已关闭...");
            };
        }
        else {
            // 浏览器不支持 WebSocket
            alert("您的浏览器不支持 WebSocket!");
        }
    }
</script>
</html>

六  详解

#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类型  

 

 

 

完整项目下载: 

链接:https://pan.baidu.com/s/1ju0Qj4P2Gm7oI86RXqIh-A
提取码:0ny4

Django实现websocket完成实时通讯

原文:https://www.cnblogs.com/lvye001/p/11673385.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!