水痕 2020-06-07
WebSocket是一种在单个TCP连接上进行全双工通信的协议
WebSocket使得客户端和服务器之间的数据交换变得更加简单,允许服务端主动向客户端推送数据。在WebSocket API中,浏览器和服务器只需要完成一次握手,两者之间就直接可以创建持久性的连接,并进行双向数据传输
在这种情况下,HTML5定义了WebSocket协议,能更好的节省服务器资源和带宽,并且能够更实时地进行通讯
django实现websocket大致上有两种方式,一种channels,一种是dwebsocket。channels依赖于redis,twisted等,相比之下使用dwebsocket要更为方便一些
pip install dwebsocket
INSTALLED_APPS = [
.....
.....
‘dwebsocket‘,
]
MIDDLEWARE_CLASSES = [
......
......
‘dwebsocket.middleware.WebSocketMiddleware‘ # 为所有的URL提供websocket,如果只是单独的视图需要可以不选
]
WEBSOCKET_ACCEPT_ALL=True # 可以允许每一个单独的视图实用websockets<!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>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类型