SL囲む会東京5 Nodejs×Silverlightではまったこと

Node.js × Silverlight の WebSocket 連携ではまったことMicrosoft MVP for Windows Azure割と普通2011年12月3日SL囲む会東京#5

今回お話する内容• Node.js の概要• socket.io の概要• Silverlight 連携でのハマリどころ• まとめ 2

Node.js の概要 3

Node.js とは• サーバサイド JavaScript の実装 – 他に Rhino や Aptana Jaxer 等がある• JavaScript を利用してシングルスレッドベースの非同期処理が可能 – 大規模アクセス時のリアルタイム通信等• 依存関係を解決するパッケージ管理機構（npm）が存在する – v0.6.4 からは Win版も標準インストール

Node.js の簡単な利用例• コード例（ example.js ） var http = require(http); http.createServer(function (request, response) { response.writeHead(200, { Content-Type: text/plain; charset=utf-8; }); response.end(„Node.js on Windows Azure n); }).listen(8080);• アプリケーションを起動 > node.exe example.js

Windows Azure 上で Node.js• 非同期 IO とブロブ・ストレージの相性が良い – 非同期的に処理が可能 – アップロード等重い処理の対応に適している• 運用の対応は不要 – Windows Azure 上で稼働するため、OS レベルの運用はお任せ可能 – CDN を利用することで、パフォーマンスの改善も可能

socket.io の概要 7

socket.io とは？• WebSocket の Node.js 実装 – 主にリアルタイム通信を行うために利用 – ブラウザ側／サーバ側の両方に提供 – IE9等、WebSocket が実装されていないブラウザもリアルタイム通信を可能にする IE5.5 以降なら OK 幅広いブラウをサポート 8

socket.io の通信方式 • ブラウザの実装によって動作を変える – WebSocket 実装済みのブラウザでは WebScket を利用する – WebScoket 未実装のブラウザでは Comet を利用する Comet 通信 ( ブ Socket.io Socket.io ( ラサWebSocket ウーザバの実装有無で側側動作を変更 js) WebSocket 通 js) 信 9

簡単なデモ• ブラウザ側 1. /socket.io/socket.io.js を読み込む 2. socket = io.connect(uri); で接続 3. socket.send(„メッセージ‟) で送信• サーバ側 1. io = require(„socket.io‟).listen(app) でインスタンス作成 2. io.sockets.on(„connection‟, …); で接続 3. socket.send(„メッセージ‟); で送信 10

Silverlight 連携でのハマリどころ 11

• 隠ぺい化が問題に・・・ – SLは「ws = new WebSocket(“ws://localhost:4503/”);」 – Socket.io は「io.connect(http://127.0.0.1:8080/);」 Comet 通信ここが問題！！ ( ブ Socket.io Socket.io ( ラサWebSocket ウーザバの実装有無で側側動作を変更 js) WebSocket 通 js) 信 12

Silverlight は ws = new WebSocket(“ws://localhost:4503/”);• そもそも Comet 通信している場合は無理• WebSocket 通信の場合での流れは以下 1. いったん http://localhost/socket.io/1/?t=xxxxxxxxxにアクセスして、セッションID等の疎通手段を取得する 2. ws://localhost/socket.io/1/websocket/セッションIDのアドレスでWebSocketの接続を行う 13

まとめ 14

• socket.io はクロスブラウザでのリアルタイム通信を可能にするライブラリ(便利！)• Silverlight に限らず、他のライブラリと連携する場合には注意が必要• Silverlight との連携には相当なハックが必要。。。。実現した人はいるよ！ 15

• @gtk2k さんが実現 – http://twitter.com/#!/gtk2k/status/13928844 3506262017 16

http://d.hatena.ne.jp	606
http://paper.li	38
http://nodeslide.herokuapp.com	1
http://webcache-exp-test.googleusercontent.com	1

SL囲む会東京5 Nodejs×Silverlightではまったこと

by Secret on Dec 03, 2011

Accessibility

Tags

Upload Details

Usage Rights

4 Embeds 646

Statistics

SL囲む会東京5 Nodejs×Silverlightではまったこと — Presentation Transcript