tornado websocket

2595 ワード

httml 5 websocket 雑談するトラナド

最近ネット上でいくつかのwebsocketの資料を探して見て、nodeとtornadoなど自身はすでにwebsocketのパッケージを実現したので、使うのは比較的に簡単で、phpはwebsocketを書くには自分で一連の流れを走る必要があるので、面倒です.
ネット上の資料に基づいて1つの簡単なwebsocketのdemoを書いて、本当にクールでスラグを落とす日、私はtornadoを使って、ネット上は多くリアルタイムのチャットルームの例を実現して、点対点のチャットの機能を実現するにはsend関数のそこで条件を加える必要があって、目測はブラウザのユーザーのidによって判断します.コードは次のとおりです.
サービス側コード:

#!/usr/bin/python
#coding:utf-8
import os.path

import tornado.httpserver
import tornado.web
import tornado.ioloop
import tornado.options
import tornado.httpclient
import tornado.websocket

import json
class IndexHandler(tornado.web.RequestHandler):
	def get(self):
		self.render("index.html")

class SocketHandler(tornado.websocket.WebSocketHandler):
	"""docstring for SocketHandler"""
	clients = set()

	@staticmethod
	def send_to_all(message):
	    for c in SocketHandler.clients:
	        c.write_message(json.dumps(message))

	def open(self):
	    self.write_message(json.dumps({
	        'type': 'sys',
	        'message': 'Welcome to WebSocket',
	    }))
	    SocketHandler.send_to_all({
	        'type': 'sys',
	        'message': str(id(self)) + ' has joined',
	    })
	    SocketHandler.clients.add(self)

	def on_close(self):
	    SocketHandler.clients.remove(self)
	    SocketHandler.send_to_all({
	        'type': 'sys',
	        'message': str(id(self)) + ' has left',
	    })

	def on_message(self, message):
		SocketHandler.send_to_all({
            'type': 'user',
            'id': id(self),
            'message': message,
        })
		
##MAIN
if __name__ == '__main__':
	app = tornado.web.Application(
		handlers=[
			(r"/", IndexHandler),
			(r"/chat", SocketHandler)
		],
		debug = True,
		template_path = os.path.join(os.path.dirname(__file__), "templates"),
        static_path = os.path.join(os.path.dirname(__file__), "static")
	)
	app.listen(8000)
	tornado.ioloop.IOLoop.instance().start()

クライアントコード:

<html>
<head>
<script type="text/javascript">
var ws = new WebSocket("ws://localhost:8000/chat");
ws.onmessage = function(event) {
	console.log(event);
}
function send() {
	ws.send(document.getElementById('chat').value );
}
</script>
</head>

<body>
	<div>
		hello
		<input id="chat">
		<button  onclick="send()">send</button>
	</div>	
</body>
</html>

twigテンプレートの簡単な構文の例

オレオレ証明書の署名付きで暗号化して送る