[tornado]websocket 最简单demo

最新推荐文章于 2025-07-23 21:33:48 发布

原创最新推荐文章于 2025-07-23 21:33:48 发布 · 1.1w 阅读

2 ·

CC 4.0 BY-SA版权

本文为orangleliu (http://blog.youkuaiyun.com/orangleliu/)原创文章，自由传播, 文章转载请声明, 多谢。

文章标签：

#tornado #websocket #demo #练习

tornado 专栏收录该内容

2 篇文章

订阅专栏

本文介绍了一个简单的Tornado WebSocket应用实现过程，包括代码示例和遇到的问题及解决方案。

想法

前两天想看看django 长轮询或者是websocket的方案，发现都不太好使。 tornado很适合做这个工作，于是找了些资料，参照了做了个最简单demo，以便备用。

具体的概念就不说了，tornado没怎么用过，但是python的web框架入门起来都是基本相当，没什么难度，即使没用过，看懂还是挺容易的。

文件目录

代码清单

ws_app.py

#-*- encoding:utf-8 -*-
#2014-12-18
#author: orangleliu

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

class IndexPageHandler(tornado.web.RequestHandler):
    def get(self):
        self.render('index.html')

class WebSocketHandler(tornado.websocket.WebSocketHandler):
    def check_origin(self, origin):
        return True

    def open(self):
        pass

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

    def on_close(self):
        pass

class Application(tornado.web.Application):
    def __init__(self):
        handlers = [
            (r'/', IndexPageHandler),
            (r'/ws', WebSocketHandler)
        ]

        settings = { "template_path": "."}
        tornado.web.Application.__init__(self, handlers, **settings)

if __name__ == '__main__':
    ws_app = Application()
    server = tornado.httpserver.HTTPServer(ws_app)
    server.listen(8080)
    tornado.ioloop.IOLoop.instance().start()

'''
python ws_app.py
'''

index.html

<!DOCTYPE HTML>
<html lang="zh-cn">
<head>
	<meta charset="UTF-8">
	<title>Tornado Websocket</title>
</head>
<script type="text/javascript">
	var ws;
	function onLoad(){
		ws = new WebSocket("ws://localhost:8080/ws");
		ws.onmessage = function(e){
			alert(e.data)
		}
	}


	function sendMsg(){
		ws.send(document.getElementById('msg').value);
	}
</script>
<body onload='onLoad();'>
	Message to send:   <input type="text" id="msg" />
	  <input type="button" onclick="sendMsg();" value="发送" />
</body>
</html>