WebSocket是一种在单个TCP连接上进行全双工通信的协议
WebSocket使得客户端和服务器之间的数据交换变得更加简单,允许服务端主动向客户端推送数据。在WebSocket API中,浏览器和服务器只需要完成一次握手,两者之间就直接可以创建持久性的连接,并进行双向数据传输
在这种情况下,HTML5定义了WebSocket协议,能更好的节省服务器资源和带宽,并且能够更实时地进行通讯
django实现websocket大致上有两种方式,一种channels,一种是dwebsocket。channels依赖于redis,twisted等,相比之下使用dwebsocket要更为方便一些
pip3 install 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
原文:https://www.cnblogs.com/lvye001/p/11673385.html