• 本文
• リロード
• 差分
• バックアップ
• 名前変更
• リファラ
• 新規ページ
• 編集

HTML5

WebSocket

Top / WebSocket

http://dev.w3.org/html5/websockets/

http://www.html5.jp/trans/w3c_websockets.html

サーバとクライアントがTCP/IPのソケット通信に似たようなインターフェイスで双方向通信ができる仕組み。HTTPと異なり、毎回セッション?が切れるのではなく、つなぎっぱなしにしてリアルタイム性の高い通信ができる。

RFC

• RFC 6455 - The WebSocket Protocol

HTML Living Standard

• https://html.spec.whatwg.org/multipage/web-sockets.html

• 日本語訳
  • https://triple-underscore.github.io/WebSocket-ja.html

確認

• http://websocketstest.com/
• http://www.websocket.org/echo.html

クラス

WebSocket

インスタンス化

• var ws = new WebSocket(url)
  var ws = new WebSocket(url,protocol)}

URL

• ws:
• wss:?

イベントハンドラ

• WebSocket.onopen?	WebSocketの接続が完了した時に呼ばれます
  WebSocket.onclose?	WebSocketが切断された時に呼ばれます	CloseEvent?
  WebSocket.onmessage	接続先からメッセージを受け取った時に呼ばれます	MessageEvent
  WebSocket.onerror?	エラー発生した時に呼ばれます

メソッド

• WebSocket.send?(message)	messageを接続先に送信します
  WebSocket.close?()	WebSocketの接続を切断します。意図的に切断する時だけでなく，ウィンドウを閉じるとき，画面を遷移する時にも切断処理を行なう必要があります

ステータス

• readyState

  接続のステータス。0～2の値

イベント

• CloseEvent?
• MessageEvent

例

• 	socket = new WebSocket("ws://example.com");
  	socket.onmessage = function(event) {
  		document.getElementById('data').innerHTML = event.data;
  	}

ライブラリ

• Node.js+Socket.IO
• ASP.NET SignalR

• Rachet? - PHP

Java

• CometD?
• Jetty

スライド

RFC

• RFC 6455

対応ブラウザ

• iOS 4.2? (Mobile Safari)
• Safari 5?
• IE10
• Firefox 6?
• Google Chrome 4?
• Opera 11.00?

Socket.IO

• "リアルタイムWeb技術の実装方式を隠蔽し、すべてのブラウザ・モバイルデバイスでリアルタイム通信を可能とすること"を目指して開発されている、Node.js用サーバ側ライブラリとブラウザ用JavaScriptライブラリのセット

関連

• Comet

参考

• http://d.hatena.ne.jp/Ehren/20100830/1283183474
• http://gihyo.jp/dev/feature/01/websocket/0005
• http://thinkit.co.jp/story/2011/03/29/2066