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',

]

 

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