tornado websocket 学习demo:简单聊天室
2017-06-02 19:56
323 查看
说明:
1.需要在放chat.py的目录下新建templates,存放index.html文件
2.使用的时候访问127.0.0.1:8888
3.效果图为:
4.参考:http://blog.csdn.net/lrenjun/article/details/8906099
对原版做了一点修改,主要是
chat.py
templates/index.html
1.需要在放chat.py的目录下新建templates,存放index.html文件
template_path=os.path.join(os.path.dirname(__file__), "templates"),
2.使用的时候访问127.0.0.1:8888
3.效果图为:
4.参考:http://blog.csdn.net/lrenjun/article/details/8906099
对原版做了一点修改,主要是
var url = "ws://"+location.host+"/websocket"; socket = new WebSocket(url);
chat.py
import logging import tornado.escape import tornado.ioloop import tornado.options import tornado.web import tornado.websocket import os.path import uuid from tornado.options import define, options define("port", default=8888, help="run on the given port", type=int) class Application(tornado.web.Application): def __init__(self): handlers = [ (r"/", MainHandler), (r"/websocket", ChatSocketHandler), ] settings = dict( cookie_secret="__TODO:_GENERATE_YOUR_OWN_RANDOM_VALUE_HERE__", template_path=os.path.join(os.path.dirname(__file__), "templates"), static_path=os.path.join(os.path.dirname(__file__), "static"), xsrf_cookies=True, ) tornado.web.Application.__init__(self, handlers, **settings) class MainHandler(tornado.web.RequestHandler): def get(self): self.render("index.html", messages=ChatSocketHandler.cache) class ChatSocketHandler(tornado.websocket.WebSocketHandler): waiters = set() cache = [] cache_size = 200 def open(self): print ("new client opened") ChatSocketHandler.waiters.add(self) def on_close(self): ChatSocketHandler.waiters.remove(self) @classmethod def update_cache(cls, chat): cls.cache.append(chat) if len(cls.cache) > cls.cache_size: cls.cache = cls.cache[-cls.cache_size:] @classmethod def send_updates(cls, chat): logging.info("sending message to %d waiters", len(cls.waiters)) for waiter in cls.waiters: try: waiter.write_message(chat) except: logging.error("Error sending message", exc_info=True) def on_message(self, message): logging.info("got message %r", message) ChatSocketHandler.send_updates(message) def main(): tornado.options.parse_command_line() app = Application() app.listen(options.port) tornado.ioloop.IOLoop.instance().start() if __name__ == "__main__": main()
templates/index.html
<html><head><title>Web Socket Client</title></head> <body> <script type="text/javascript"> var socket; if (!window.WebSocket) { window.WebSocket = window.MozWebSocket; } // Javascript Websocket Client if (window.WebSocket) { var url = "ws://"+location.host+"/websocket"; socket = new WebSocket(url); socket.onmessage = function(event) { var ta = document.getElementById('responseText'); ta.innerHTML = ta.innerHTML + '<br/>' + event.data }; socket.onopen = function(event) { var ta = document.getElementById('responseText'); ta.value = "Web Socket opened!"; }; socket.onclose = function(event) { var ta = document.getElementById('responseText'); ta.value = ta.value + "Web Socket closed"; }; } else { alert("Your browser does not support Web Socket."); } // Send Websocket data function send(message) { if (!window.WebSocket) { return; } if (socket.readyState == WebSocket.OPEN) { socket.send(message); } else { alert("The socket is not open."); } } </script> <h3>Send :</h3> <form onsubmit="return false;"> <input type="text" name="message" value="Hello World!"/><input type="button" value="Send" onclick="send(this.form.message.value)" /> <h3>Receive :</h3> <div id="responseText" style="width:500px;height:300px;"></div> </form> </body> </html>
相关文章推荐
- Node.js学习(六)——websocket组件学习在线聊天室demo
- [tornado]websocket 最简单demo
- [tornado]websocket 最简单demo
- 学习WebSocket(二):使用Spring WebSocket做一个简单聊天室
- 基于node的websocket学习笔记二:一个简单的聊天室程序与优化方案
- SpringBoot学习——websocket组件学习在线聊天室demo
- 学习OGRE制作简单人物行走demo(四)
- android简单demo学习系例之排版(TableLayout)[code-based]
- APIDemo学习笔记——Android上几种简单的Animation使用方法(三)——3D Transition
- Tornado实现聊天室功能(websocket)
- Ibatis.Net 学习手记一 简单的Demo
- 基于.NET 的WebSocket 的简单实例 --- 在线聊天室
- STL学习(二)set、map、list、deque简单Demo
- 基于HTML5和Tomcat WebSocketServlet的聊天室简单实现
- Ext.NET学习笔记之3(简单的WEB文件管理器DEMO)
- [MEF] 学习之一 入门级的简单Demo
- 学习OGRE制作简单人物行走demo(三)
- [MEF] 学习之一 入门级的简单Demo
- android简单demo学习系例之排版(LinearLayout)[xml-based]
- Silverlight学习(一) 创建Silverlight项目,构建一个简单的Silverlight Demo