tornado之WebSocket

最新推荐文章于 2024-03-29 11:41:06 发布
最新推荐文章于 2024-03-29 11:41:06 发布
阅读量151 收藏
点赞数
文章标签： 网络 前端 javascript ViewUI
原文链接：http://www.cnblogs.com/wzjbg/p/6528593.html
版权

WebSocket

WebSocket是HTML5规范中新提出的客户端-服务器通讯协议，协议本身使用新的ws://URL格式。

WebSocket 是独立的、创建在 TCP 上的协议，和 HTTP 的唯一关联是使用 HTTP 协议的101状态码进行协议切换，使用的 TCP 端口是80，可以用于绕过大多数防火墙的限制。

WebSocket 使得客户端和服务器之间的数据交换变得更加简单，允许服务端直接向客户端推送数据而不需要客户端进行请求，两者之间可以创建持久性的连接，并允许数据进行双向传送。

目前常见的浏览器如 Chrome、IE、Firefox、Safari、Opera 等都支持 WebSocket，同时需要服务端程序支持 WebSocket。

1. Tornado的WebSocket模块

Tornado提供支持WebSocket的模块是tornado.websocket，其中提供了一个WebSocketHandler类用来处理通讯。

WebSocketHandler.open()

当一个WebSocket连接建立后被调用。

WebSocketHandler.on_message(message)

当客户端发送消息message过来时被调用，注意此方法必须被重写。

WebSocketHandler.on_close()

当WebSocket连接关闭后被调用。

WebSocketHandler.write_message(message, binary=False)

向客户端发送消息messagea，message可以是字符串或字典（字典会被转为json字符串）。若binary为False，则message以utf8编码发送；二进制模式（binary=True）时，可发送任何字节码。

WebSocketHandler.close()

关闭WebSocket连接。

WebSocketHandler.check_origin(origin)

判断源origin，对于符合条件（返回判断结果为True）的请求源origin允许其连接，否则返回403。可以重写此方法来解决WebSocket的跨域请求（如始终return True）。

2. 前端JavaScript编写

在前端JS中使用WebSocket与服务器通讯的常用方法如下：

var ws = new WebSocket("ws://127.0.0.1:8888/websocket"); // 新建一个ws连接
ws.onopen = function() { // 连接建立好后的回调 ws.send("Hello, world"); // 向建立的连接发送消息 }; ws.onmessage = function (evt) { // 收到服务器发送的消息后执行的回调 alert(evt.data); // 接收的消息内容在事件参数evt的data属性中 };

3. 在线聊天室的小Demo

后端代码 server.py
# coding:utf-8

import tornado.web
import tornado.ioloop
import tornado.httpserver
import tornado.options import os import datetime from tornado.web import RequestHandler from tornado.options import define, options from tornado.websocket import WebSocketHandler define("port", default=8000, type=int) class IndexHandler(RequestHandler): def get(self): self.render("index.html") class ChatHandler(WebSocketHandler): users = set() # 用来存放在线用户的容器 def open(self): self.users.add(self) # 建立连接后添加用户到容器中 for u in self.users: # 向已在线用户发送消息 u.write_message(u"[%s]-[%s]-进入聊天室" % (self.request.remote_ip, datetime.datetime.now().strftime("%Y-%m-%d %H:%M:%S"))) def on_message(self, message): for u in self.users: # 向在线用户广播消息 u.write_message(u"[%s]-[%s]-说：%s" % (self.request.remote_ip, datetime.datetime.now().strftime("%Y-%m-%d %H:%M:%S"), message)) def on_close(self): self.users.remove(self) # 用户关闭连接后从容器中移除用户 for u in self.users: u.write_message(u"[%s]-[%s]-离开聊天室" % (self.request.remote_ip, datetime.datetime.now().strftime("%Y-%m-%d %H:%M:%S"))) def check_origin(self, origin): return True # 允许WebSocket的跨域请求 if __name__ == '__main__': tornado.options.parse_command_line() app = tornado.web.Application([ (r"/", IndexHandler), (r"/chat", ChatHandler), ], static_path = os.path.join(os.path.dirname(__file__), "static"), template_path = os.path.join(os.path.dirname(__file__), "template"), debug = True ) http_server = tornado.httpserver.HTTPServer(app) http_server.listen(options.port) tornado.ioloop.IOLoop.current().start()
前端代码index.html
<!DOCTYPE html>
<html>
<head> <meta charset="utf-8"> <title>聊天室</title> </head> <body> <div id="contents" style="height:500px;overflow:auto;"></div> <div> <textarea id="msg"></textarea> <a href="javascript:;" onclick="sendMsg()">发送</a> </div> <script src="{{static_url('js/jquery.min.js')}}"></script> <script type="text/javascript"> var ws = new WebSocket("ws://192.168.114.177:8000/chat"); ws.onmessage = function(e) { $("#contents").append("<p>" + e.data + "</p>"); } function sendMsg() { var msg = $("#msg").val(); ws.send(msg); $("#msg").val(""); } </script> </body> </html>

转载于:https://www.cnblogs.com/wzjbg/p/6528593.html

weixin_30532759
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
那些很重要，但是不常用的技术，websocket
地推
10-14 313
目录 1. 为什么会有websocket 2. websocket协议格式 3. 协议具体实现 一、为什么需要 WebSocket？ 初次接触 WebSocket 的人，都会问同样的问题：我们已经有了 HTTP 协议，为什么还需要另一个协议？它能带来什么好处？ 答案很简单，因为 HTTP 协议有一个缺陷：通信只能由客户端发起 举例来说，我们想了解今天的天气，只能是客户端向服务器发出请求，服务器返回查询结果。HTTP协议做不到服务器主动向客户端推送信息。 这种单向请求的特点，注定了如果服务器有
Binary.js - 基于WebSocket的实时二进制数据流传输库
gitblog_00016的博客
03-17 407
Binary.js - 基于WebSocket的实时二进制数据流传输库 Binary.js 是一个用于在 Web 浏览器和服务器之间进行实时、低延迟、高效的数据传输的 JavaScript 库。 项目简介 Binary.js 使用 WebSocket 协议提供了一种简单的方式来发送和接收原始二进制数据。它允许您轻松地创建实时应用，如在线音频/视频聊天、游戏、文件共享等。Binary.js 的主要目...
ts type interface 区别_详解typescript中接口interface和类型别名type的用法区别
weixin_39839018的博客
11-25 3907
最近本文作者在用typescript开发代码时发现接口interface和类型别名type用法很像，这篇文章我们就来聊聊这两个用法的异同点。异同点图1从图1中我们发现接口interface和类型别名type在定义一个普通的对象类型时没啥区别，泛型都能照常用。如果我们定义一个简单类型呢？图2如图2所示，像这样的简单类型的定义，type用起来就很随意，但是interface恐怕就无法做到了。图3如图3...
WebSocket 详解教程
weixin_33713503的博客
10-30 1093
概述 WebSocket 是什么？ WebSocket 是一种网络通信协议。RFC6455 定义了它的通信标准。 WebSocket 是 HTML5 开始提供的一种在单个 TCP 连接上进行全双工通讯的协议。 为什么需要 WebSocket ？ 了解计算机网络协议的人，应该都知道：HTTP 协议是一种无状态的、无连接的、单向的应用层协议。它采用了请求/响应模型。通信请求只能由客户端发起，服务端对请...
聊聊websocket opcode中的text / binary模式
draracle的巢穴
03-29 473
怎么解读帧都是应用层的事情，用什么格式来理解帧的内容，不就是subprotocol干的事情吗？这儿应该有更方便，或则说更直接的方式来处理，理清楚思路之后，我决定将opcode交给应用层来处理，应用层必须注册 subprotocol，提供具体的帧解析的接口，握手的时候，如果没有指定subprotocol，那就采用一个通用的dummy来处理帧。但这个区分并没有规定文本类型有类似于http协议中空行表示结束的说法，而且长度也是由帧头记录，也就是说，单纯从协议格式上来讲，这个区分，没有任何实际的含义。
tornado websocket
技术分享
04-22 3850
最近在网上找了些websocket的资料看了下，node和tornado等等本身已经实现了websocket的封装，所以使用起来会比较简单，php如果想要写websocket还需要自己跑一整套流程，比较麻烦。 根据网上的资料写了一个简单的websocket的demo，果真炫酷掉渣天，我是用tornado，网上多是实现实时聊天室的例子，想要实现点对点的聊天功能还需要在send函数那里加条件，目测是
手搓的tornado websocket
11-12
综上所述，这个示例展示了如何使用Tornado实现WebSocket服务器，并提供了一个简单的客户端页面与之交互。通过阅读和理解这些文件，你可以学习到Tornado的WebSocket基本用法，以及如何结合HTML和JavaScript进行实时...
sockjs-tornado：WebSocket仿真-Python服务器
02-27
SockJS龙卷风服务器SockJS-tornado是在框架上运行的的Python服务器端对应项。 简化后的Echo SockJS服务器看起来或多或少像： 从龙卷风导入Web，从sockjs.ionio导入ioloop从SockJSRouter，SockJSConnection ...
pyweb:一个简单的游戏发布工具框架，使用 tornado、websocket、zookeeper
06-01
网络一个使用 tornado 和 websocket 的简单游戏发布工具框架快照 ##Step 0 初始化 {node}/server_list/s1 {"update_time":x,"server_name":x,"server_id":x}...{node}/server_list/sN {"update_time":x,"server_name...
Python的websocket服务器框架
06-15
1. **Tornado WebSocket**: Tornado是Python的一个异步网络库，它内置了对WebSocket的支持。在`app.py`中，我们可能会看到类似以下的代码来创建WebSocket服务器： ```python import tornado.websocket import ...
WebSocket消息实时提醒
09-19
3. **服务器端实现**：在服务器端，可以通过多种编程语言实现WebSocket服务，如Node.js的ws库，Java的Jetty或Tomcat，Python的Tornado等。这些库提供了处理WebSocket连接和消息的接口。 4. **心跳机制**：由于...
WebSocket协议学习总结
u012002125的博客
09-21 225
websocket协议 一、websocket协议简介 WebSocket 是 HTML5 开始提供的一种在单个 TCP 连接上进行全双工通讯的协议。 WebSocket 使得客户端和服务器之间的数据交换变得更加简单，允许服务端主动向客户端推送数据。在 WebSocket API 中，浏览器和服务器只需要完成一次握手，两者之间就直接可以创建持久性的连接，并进行双向数据传输。 二、Ajax 轮询与websocket AJAX 是一种在不需要重新加载整个网页的情况下，更新部分网页信息的技术。 轮询是
websocket binary 数据解析_WebSocket实现原理相关知识点
weixin_39750731的博客
12-09 706
WebSocket 是建立在 TCP/IP 协议之上，属于应用层的协议，而 Socket 是在应用层和传输层中的一个抽象层，它是将 TCP/IP 层的复杂操作抽象成几个简单的接口来提供给应用层调用。为什么要做这次替换呢?原因是我们服务端在做改造，同时网页版 IM 已经使用了 WebSocket ，客户端也采用的话对于服务端来说维护一套代码会更好更方便，而且 WebSocket 在体积、实时性和扩...
websocket binary 数据解析_WebSocket使用总结
weixin_39644611的博客
12-13 3575
1、建立WebSocket链接：白鹭WebSocket为egret.WebSocket,链接建立比较简单，以我当前项目为例，代码如下：public connect(ip:string, port:number):void { this.webSocket = new egret.WebSocket(); //设置数据格式为二进制，默认为字符串 this.webSocket.typ...
no-referrer-when-downgrade什么意思
热门推荐
lxw1844912514的博客
03-12 3万+
no referrer when downgrade的意思：降级时不推荐。 从一个网站链接到另外一个网站会产生新的http请求，referrer是http请求中表示来源的字段。 no-referrer-when-downgrade表示从https协议降为http协议时不发送referrer给跳转网站的服务器。 在页面引入图片、JS 等资源，或者从一个页面跳到另一个页面，都会产生新的...
JMeter Websocket 二进制Binary压力测试或接口测试
地藏Kelvin
04-26 3951
背景 最近在做游戏项目，做好java服务端，需要本地调试Websock服务，并且是二进制binary形式传输，网上的很多都是text形式传输的测试页面，所以不符合要求。为了解决websocket的二进制传输，并实现websocket通信机制的心跳问题，所以写了一个做法。 目的 Jmeter与java后端websocket服务建立连接 因为websocket机制，有定时检测连接是否存储，所以需要J...
使用 WebSocket 发送二进制数据：最佳实践
02-02 2182
);});
WebSocket 测试工具
ideal-lingyun
03-21 1万+
WebSocket 测试工具
UnityWebSocket | 双端通信支持Text/Binary
itsxwz
05-15 635
有多个项目使用该库，平台有PC、WebGL。
tornado中websocket
最新发布
04-23
Tornado是一个Python的Web框架，它支持异步编程和非阻塞IO操作。Tornado中的WebSocket是一种实现了全双工通信的协议，它允许服务器和客户端之间进行实时的双向通信。 在Tornado中使用WebSocket，你可以通过继承tornado.websocket.WebSocketHandler类来创建一个WebSocket处理器。WebSocketHandler提供了一些方法来处理WebSocket连接的不同事件，例如连接建立、消息接收和连接关闭等。 以下是使用Tornado中WebSocket的一般步骤： 1. 创建一个WebSocket处理器类，继承自tornado.websocket.WebSocketHandler。 2. 在处理器类中实现on_message()方法，用于处理接收到的消息。 3. 在处理器类中实现open()方法，用于处理WebSocket连接建立时的操作。 4. 在处理器类中实现on_close()方法，用于处理WebSocket连接关闭时的操作。 5. 在Tornado应用程序中定义路由，将URL映射到WebSocket处理器类。 6. 启动Tornado应用程序。 下面是一个简单的示例代码，演示了如何在Tornado中使用WebSocket： ```python import tornado.websocket import tornado.web import tornado.ioloop class WebSocketHandler(tornado.websocket.WebSocketHandler): def open(self): print("WebSocket连接建立") def on_message(self, message): print("接收到消息：", message) self.write_message("服务器已收到消息：" + message) def on_close(self): print("WebSocket连接关闭") app = tornado.web.Application([ (r"/websocket", WebSocketHandler), ]) if __name__ == "__main__": app.listen(8888) tornado.ioloop.IOLoop.current().start() ``` 在上面的示例中，我们创建了一个WebSocket处理器类WebSocketHandler，并实现了open()、on_message()和on_close()方法来处理不同的事件。在应用程序中，我们将URL "/websocket" 映射到WebSocketHandler类。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值