下载  pip install dwebsocket

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

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

现在，很多网站为了实现推送技术，所用的技术都是轮询。轮询是在特定的的时间间隔（如每1秒），由浏览器对服务器发出HTTP请求，然后由服务器返回最新的数据给客户端的浏览器。这种传统的模式带来很明显的缺点，即浏览器需要不断的向服务器发出请求，然而HTTP请求可能包含较长的头部，其中真正有效的数据可能只是很小的一部分，显然这样会浪费很多的带宽等资源。

而比较新的技术去做轮询的效果是Comet。这种技术虽然可以双向通信，但依然需要反复发出请求。而且在Comet中，普遍采用的长链接，也会消耗服务器资源。

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

1. http协议是用在应用层的协议，他是基于tcp协议的，http协议建立链接也必须要有三次握手才能发送信息。

　　http链接分为短链接，长链接，短链接是每次请求都要三次握手才能发送自己的信息。即每一个request对应一个response。长链接是在一定的期限内保持链接。保持TCP连接不断开。客户端与服务器通信，必须要有客户端发起然后服务器返回结果。客户端是主动的，服务器是被动的。

2. WebSocket

　　WebSocket他是为了解决客户端发起多个http请求到服务器资源浏览器必须要经过长时间的轮训问题而生的，他实现了多路复用，他是全双工通信。在webSocket协议下客服端和浏览器可以同时发送信息。

建立了WenSocket之后服务器不必在浏览器发送request请求之后才能发送信息到浏览器。这时的服务器已有主动权想什么时候发就可以发送信息到服务器。而且信息当中不必在带有head的部分信息了与http的长链接通信来说，这种方式，不仅能降低服务器的压力。而且信息当中也减少了部分多余的信息。

视图文件 向前端发送数据

  1. from dwebsocket.decorators import accept_websocket
  2. @accept_websocket
  3. def test_websocket(request):
  4.     if request.is_websocket():
  5.         while 1:
  6.             time.sleep(1) ## 向前端发送时间
  7.             dit = {
  8.                 'time':time.strftime('%Y.%m.%d %H:%M:%S',time.localtime(time.time()))
  9.             }
  10.             request.websocket.send(json.dumps(dit))

视图文件 接收前端发送过来的数据

  1. #接受前端信息
  2. @accept_websocket
  3. def test_socket(request):
  4.     if request.is_websocket():
  5.         for message in request.websocket:
  6.             print(message)
  7.             request.websocket.send(message)

路由文件

  1. from .views import test_socket,test_websocket
  2.  
  3. urlpatterns = [
  4.     path('test_socket',test_socket),
  5.     path('test_websocket',test_websocket),
  6.  
  7. ]

前端连接 接收后端给予数据

  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4.     <meta charset="utf-8"/>
  5.     <title>Chat Room</title>
  6. </head>
  7. <body>
  8. </body>
  9. <script>
  10.  
  11.    //生成socket对象
  12.    var socket = new WebSocket("ws:" + window.location.host + "/md_admin/test_websocket");
  13.  
  14.             socket.onopen = function () {
  15.                 console.log('WebSocket open');//成功连接上Websocket
  16.             };
  17.             socket.onmessage = function (e) {
  18.                 console.log('message: ' + e.data);//打印服务端返回的数据
  19.             };
  20.             socket.onclose=function(e){
  21.               console.log(e);
  22.               socket.close(); //关闭TCP连接
  23.             };
  24.             if (socket.readyState == WebSocket.OPEN){
  25.             socket.onopen();
  26.             }
  27.  
  28. </script>
  29. </html>

前端连接 向后端发送数据

  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4.     <meta charset="utf-8"/>
  5.     <title>Chat Room</title>
  6. </head>
  7. <body>
  8.     <input id="chat-message-input" type="text" size=""/><br/>
  9.     <input id="chat-message-submit" type="button" value="Send" onclick='sendmessage()'/>
  10. </body>
  11. <script>
  12.  
  13.    //生成socket对象
  14.    var socket = new WebSocket("ws:" + window.location.host + "/md_admin/test_socket");
  15.  
  16.             socket.onopen = function () {
  17.                 console.log('WebSocket open');//成功连接上Websocket
  18.             };
  19.             socket.onmessage = function (e) {
  20.                 console.log('message: ' + e.data);//打印服务端返回的数据
  21.             };
  22.             socket.onclose=function(e){
  23.               console.log(e);
  24.               socket.close(); //关闭TCP连接
  25.             };
  26.             if (socket.readyState == WebSocket.OPEN){
  27.             socket.onopen();
  28.             }
  29.  
  30.             window.s = socket;
  31.  
  32. function sendmessage(){
  33.  
  34.     window.s.send(document.getElementById("chat-message-input").value);
  35.  
  36. }
  37.  
  38. </script>
  39. </html>

Django websocket 长连接使用的更多相关文章

  1. WebSocket长连接

    WebSocket长连接 1.概述 1.1 定义 1.2 原理 2.Django中配置WebSocket 2.1安装第三方法包 pip install channels 2.2 Django 中的配置 ...

  2. 当web应用包含了websocket长连接，如何在web应用前加一层nginx转发

    1 通过在web应用的前面加一层nginx ,可以实现一台主机部署多个应用,每个应用都可以用不同的域名去访问,并且端口都是80 2 nignx 转发websocket长连接 1 每个web应用,他们运 ...

  3. 实现单台测试机6万websocket长连接

    本文由作者郑银燕授权网易云社区发布. 本文是我在测试过程中的记录,实现了单台测试机发起最大的websocket长连接数.在一台测试机上,连接到一个远程服务时的本地端口是有限的.根据TCP/IP协议,由 ...

  4. Spring+Stomp+ActiveMq实现websocket长连接

    stomp.js+spring+sockjs+activemq实现websocket长连接,使用java配置. pom.xml(只列出除了spring基本依赖意外的依赖,spring-version为 ...

  5. Python WebSocket长连接心跳与短连接

    python websocket 安装 pip install websocket-client 先来看一下,长连接调用方式: ws = websocket.WebSocketApp("ws ...

  6. WebSocket 长连接 及超时问题解决

    <?phpset_time_limit(0); class SocketService { private $address = 'localhost'; private $port = 80; ...

  7. 雨露均沾的OkHttp—WebSocket长连接的使用&源码解析

    前言 最近老板又来新需求了,要做一个物联网相关的app,其中有个需求是客户端需要收发服务器不定期发出的消息. 内心OS:

  8. 微信小程序 实现websocket长连接 以及断开连接之后自动重连

    app.js let socketMsgQueue = [] let isLoading = false App({ globalData: { userInfo: null, localSocket ...

  9. Browser 與 Server 持續同步的作法介紹 (Polling, Comet, Long Polling, WebSocket)长连接

    對 Comet 的懵懂 記得兩年多前,第一次看到 Gmail 中的 GTalk 覺得很好奇:「咦?線上聊天且是 Google 的熱門系統,只用傳統的 AJAX 應該會操爆伺服器吧?」很幸運的,當時前公 ...

随机推荐

  1. 持续集成之 Spring Boot 实战篇

    本文作者: CODING 用户 - 何健 这次实战篇,我们借助「CODING 持续集成」,实现一个简单的 Spring Boot 项目从编码到最后部署的完整过程.本教程还有 B 站视频版,帮助读者更好 ...

  2. solr8.0 从数据库导入数据（三）

    第一步:导入相关包: 在创建的核心目录下新建lib文件夹(如果有,无需建立),从Solr源码包的dist文件夹中导入两个solr-dataimporthandler包,以及一个mysql驱动包. 第二 ...

  3. oppo6.0系统设备(亲测有效)激活xposed框架的流程

    对于喜欢研究手机的伙伴来说,常常会用到xposed框架以及种类繁多功能强大的模块,对于5.0以下的系统版本,只要手机能获得Root权限,安装和激活xposed框架是异常简易的,但随着系统版本的不断升级 ...

  4. ocelot 自定义认证和授权

    ocelot 自定义认证和授权 Intro 最近又重新启动了网关项目,服务越来越多,每个服务都有一个地址,这无论是对于前端还是后端开发调试都是比较麻烦的,前端需要定义很多 baseUrl,而后端需要没 ...

  5. 『cURL』curl: (6) Could not resolve host无法解析主机地址

    最近在学数据挖掘时,获取数据有两种途径: 开放数据,可以直接使用和存储的数据: 网络数据,通过爬虫或云市场api(付费或免费)获取数据 我通过教程,在阿里云购买一个天气数据api,尝试使用cURL获取 ...

  6. asp.net的Request.ServerVariables参数说明

    Request.ServerVariables["SERVER_NAME"] '获取服务器IPRequest.ServerVariables["HTTP_REFERER& ...

  7. C# -- 使用 DriveInfo 获取磁盘驱动器信息

    C# -- 使用 DriveInfo 获取磁盘驱动器信息 1. 代码实现 class Program { static void Main(string[] args) { GetComputerDi ...

  8. “尝试加载 Oracle 客户端库时引发 BadImageFormatException。如果在安装 32 位 Oracle 客户端组件的情况下以 64 位模式运行，将出现此问题。”

    远程连接服务器的数据库调试WCF程序时,可以正常访问数据库,但将程序发布成站点部署在数据库所在的服务器之后,一直报错,通过try/catch捕获得到以下报错信息: System.Exception: ...

  9. RabbitMQ框架构建系列（二）——RabbitMQ基础知识介绍

    上一篇记录了一下AMQP协议,RabbitMQ是一个Erlang开发的AMQP协议的开源实现.这一篇简单的介绍一下RabbitMQ的基本原理. 一.RabbitMQ的特点 1.可靠性:RabbitMQ ...

  10. Storm入门（五）Twitter Storm如何保证消息不丢失

    转自:http://xumingming.sinaapp.com/127/twitter-storm如何保证消息不丢失/ storm保证从spout发出的每个tuple都会被完全处理.这篇文章介绍st ...