windows环境tornado搭建websocket

1 篇文章 0 订阅
1 篇文章 0 订阅

项目结构

在这里插入图片描述

websocket server端代码

在实际开发中用到了跨域,所以这里添加了跨域
而且在tornado中如果websocket和发起websocket请求的网址不同源,会报403错误,所以在这里重写了check_origin这个方法。

from abc import ABC

import tornado.web
import tornado.websocket
import tornado.httpserver
import tornado.ioloop


class WebSocketHandler(tornado.websocket.WebSocketHandler, ABC):

    def set_default_headers(self):
        """
        该方法实现跨域
        """
        self.set_header("Access-Control-Allow-Origin", "*")
        self.set_header("Access-Control-Allow-Headers", "x-requested-with")
        self.set_header('Access-Control-Allow-Methods', 'POST, GET, OPTIONS')

    def check_origin(self, origin: str):
        """
        重写同源检查方法
        """
        return True

    def open(self):
        self.write_message("打开了连接!")

    def on_message(self, message):
        self.write_message("Your message was: " + message)
        print(message)
        self.write_message("hahaha")

    def on_close(self):
        self.write_message("关闭了连接!")


class MainPageHandler(tornado.web.RequestHandler, ABC):

    def get(self):
        self.render("websocket_client.html")


application = tornado.web.Application(
    handlers=[
        (r"/", MainPageHandler),
        (r"/ws", WebSocketHandler),
    ],
    template_path="templates",
    debug=False,
)

if __name__ == '__main__':
    server = tornado.httpserver.HTTPServer(application)
    server.listen(8889)
    tornado.ioloop.IOLoop.current().start()

websocket client端代码

<!DOCTYPE html>
<html lang="cs">
<head>
    <meta charset="UTF-8">
    <title>websocket_test</title>
    <script src="https://code.jquery.com/jquery-3.4.1.min.js"></script>
</head>
<body>
<input type="button" onclick="sendMsg()" value="Send">

<script type="text/javascript">
    function sendMsg() {
        if ("WebSocket" in window) {
            var ws = new WebSocket("ws://127.0.0.1:8889/ws");
            ws.onopen = function () {
                ws.send("Hello world");
            };
            ws.onmessage = function (evt) {
                alert(evt.data);
            };

        }
    }
</script>
</body>
</html>
  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
要使用 Tornado 搭建 WebSocket 客户,可以按照以下步骤进行: 1. 安装 Tornado 使用 pip 安装 Tornado: ``` pip install tornado ``` 2. 编写客户代码 在 Tornado 中,可以使用 `websocket.WebSocketClientConnection` 类来创建 WebSocket 客户连接。以下是一个简单的例子: ```python import tornado.websocket import tornado.ioloop class MyWebSocketClient(tornado.websocket.WebSocketClientConnection): def on_message(self, message): print("Received message: {}".format(message)) def on_close(self): print("Connection closed") if __name__ == "__main__": ws_url = "ws://example.com/socket" ws_client = MyWebSocketClient(ws_url) ws_client.connect() tornado.ioloop.IOLoop.current().start() ``` 在这个例子中,我们创建了一个名为 `MyWebSocketClient` 的类,继承自 `WebSocketClientConnection`。我们重载了 `on_message` 和 `on_close` 方法来处理消息和关闭事件。在 `main` 函数中,我们创建了一个 `MyWebSocketClient` 对象,并调用了 `connect` 方法来建立连接。最后,我们启动了 Tornado 的 I/O 循环。 3. 运行客户代码 运行客户代码,即可建立 WebSocket 连接并接收来自服务器的消息。如果你想发送消息,可以使用 `write_message` 方法。例如,在 `MyWebSocketClient` 类中添加以下方法: ```python def send_message(self, message): self.write_message(message) ``` 然后,在 `main` 函数中调用 `ws_client.send_message("hello")` 就可以发送消息了。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值