tornado实现websocket

最新推荐文章于 2024-02-06 09:00:00 发布

原创最新推荐文章于 2024-02-06 09:00:00 发布 · 445 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#websocket

tornado 专栏收录该内容

1 篇文章

订阅专栏

本文介绍了Python中WebSocket、HTTP和socket的区别，并通过Tornado框架实现了一个简单的WebSocket聊天室。WebSocket提供双向通信，而HTTP是单向的。示例代码展示了如何创建WebSocket服务器和客户端交互，监听用户进入、发送消息及离开事件。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

python中websocket、socket、http的区别

1. 相同点

（1）都是基于TCP的，都是可靠的传输协议

（2）都是应用层协议

2. 不同点

（1）websocket是双向通信协议，模拟socket协议，可以双向发送或接收消息，http是单向的

3. 联系

websocket在建立握手时，数据是通过http传输的，当建立连接成功后，在数据传输时不是通过Http而是通过单独建立的tcp通道传输的。

websocket：它实现了浏览器与服务器全双工(full-duplex)通信。其本质是保持TCP连接，在浏览器和服务端通过Socket进行通信。

4. tornado实现websocket聊天室

app.py文件代码

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):
    cli = set()  # 用来存放在线用户的容器

    def open(self):
        print(self.request)
        self.cli.add(self)  # 建立连接后添加用户到容器中
        for c in self.cli:  # 向已在线用户发送消息
            c.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 c in self.cli:  # 向在线用户广播消息
            c.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.cli.remove(self)  # 用户关闭连接后从容器中移除用户
        for c in self.cli:
            c.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>
<style type="text/css">
    #char{
        margin: 0 auto;
        height:500px;
        width: 800px;
    }
    #contents{
        height:500px;
        width: 800px;
        border:1px solid #cccccc;
        border-radius:3px;
        box-shadow: 2px 2px 5px #888888;
        margin-bottom: 10px;
    }
    .input_send #msg{
        height:20px;
        width: 757px;
    }
</style>
<body>
    <div id="char" >
        <div id="contents"></div>
        <div class="input_send">
                <textarea id="msg"></textarea>
                <a href="javascript:;" id="send_mesage" onclick="sendMsg()">发送</a>
        </div>
    </div>
    <script src="https://ajax.aspnetcdn.com/ajax/jquery/jquery-2.1.4.min.js"></script>
    <!--<script src="{{static_url('js/jquery.min.js')}}"></script>-->
    <script type="text/javascript">
        // var ws = new WebSocket("ws://127.0.0.1:8000/chat");
        var ws = new WebSocket("ws://192.168.110.30: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>