EWD 3トレーニングコース#8 ewd-xpressメッセージ・サイクルの解剖

1. EWD 3
トレーニング・コース #8
ewd-xpressのメッセージ・サイクルの解剖
(Cachéを用いる)
M/Gateway Developments Ltd.
Rob Tweed
訳: 日本ダイナシステム株式会社 嶋 芳成

2. 何が起こっているかを概観しましょう...
• ewd-xpress のメッセージの循環の間に...
2016/9/5 EWD 3 トレーニング・コース #6 2

3. ewd-xpress のメッセージの循環
• ブラウザでイベントを発生
• ewd-xpress のバックエンドにメッセージを送信
• バックエンドでは、そのメッセージ type 用のハンドラー
が、メッセージを処理し、通常は応答メッセージを生成
• 応答メッセージはブラウザに返され、それをハンドラー関
数が処理し、通常はユーザー・インターフェースを変更
する
2016/9/5 EWD 3 トレーニング・コース #6 3

4. ewd-xpress
マスターNode.jsプロセス
キュー
キュー・プロセス
または
ディスパッチャー
カスタム
ワーカー・プロセス
ewd-qoper8
Node.js ワーカー・プロセス
cahce.node
Caché
ewd-qoper8-cahce ewd-document-store
グローバル
ewd-session
Express
HTTP(S)
インターフェース
WebSocket
Socket.io
インターフェース
関数
ブラウザewd-client
2016/9/3 EWD 3 トレーニング・コース #2 4

5. アプリケーションの登録後
2016/9/5 EWD 3 トレーニング・コース #6 5
ブラウザ ewd-xpress
ewd-session Caché
socket.io
socket.io
ewd-client
トークン
トークンは、ブラウザ内の領
域(closure)に格納される

6. ボタンがクリックされると
2016/9/5 EWD 3 トレーニング・コース #6 6
ブラウザ ewd-xpress
socket.io
socket.io
ewd-client
トークン
イベントが発火し
EWD.send() が呼び出される

7. メッセージが送信される
2016/9/5 EWD 3 トレーニング・コース #6 7
ブラウザ ewd-xpress
socket.io
socket.io
ewd-client
トークン
メッセージにはトークンが不可され、
ewd-xpress のマスター・プロセスに
送信される
メッセージオブジェクト
type + 内容(ペイロード)
ewd-qoper8
のキュー

8. メッセージがキューに加えられる
2016/9/5 EWD 3 トレーニング・コース #6 8
ブラウザ ewd-xpress
socket.io
socket.io
ewd-client
トークン
キュー(待ち行列)に加えられる
ewd-qoper8
のキュー

9. メッセージがをワーカーに配布する
2016/9/5 EWD 3 トレーニング・コース #6 9
ブラウザ ewd-xpress
socket.io
socket.io
ewd-client
トークン
メッセージは、利用可能なワーカーに
配布される
ewd-qoper8
のキュー
Caché

10. セッションを調べる
2016/9/5 EWD 3 トレーニング・コース #6 10
ブラウザ ewd-xpress
socket.io
socket.io
ewd-client
トークン
トークンを用いてセッションを調べる
ewd-qoper8
のキュー
ewd-session Caché

11. アプリケーション名を調べる
2016/9/5 EWD 3 トレーニング・コース #6 11
ブラウザ ewd-xpress
socket.io
socket.io
ewd-client
トークン
アプリケーション名を検索する
ewd-qoper8
のキュー
ewd-session Caché

12. アプリケーション名を調べる
2016/9/5 EWD 3 トレーニング・コース #6 12
ブラウザ ewd-xpress
socket.io
socket.io
ewd-client
トークン
アプリケーション名を検索する
重要なセキュリティ機能:
間違っても他のアプリケーションのメッ
セージハンドラを走らせることはない
ewd-qoper8
のキュー
ewd-session Caché

13. アプリケーションのモジュールを読み込む
2016/9/5 EWD 3 トレーニング・コース #6 13
ブラウザ ewd-xpress
socket.io
socket.io
ewd-client
トークン
アプリケーションのバックエンド・モ
ジュールを読み込む
(読み込み済みならしない)
ewd-qoper8
のキュー
ewd-session Caché
カスタム・ワー
カー・モジュール
demo1.js

14. メッセージ・ハンドラーを呼び出す
2016/9/5 EWD 3 トレーニング・コース #6 14
ブラウザ ewd-xpress
socket.io
socket.io
ewd-client
トークン
受信したメッセージ type に対する
メッセージ・ハンドラー関数を呼び出
す
ewd-qoper8
のキュー
ewd-session Caché
カスタム・ワー
カー・モジュール
demo1.js

15. メッセージ・ハンドラーを呼び出す
2016/9/5 EWD 3 トレーニング・コース #6 15
ブラウザ ewd-xpress
socket.io
socket.io
ewd-client
トークン
Caché のグローバルや関数などにア
クセスする
ユーザーの Session にもアクセス
ewd-qoper8
のキュー
ewd-session Caché
カスタム・ワー
カー・モジュール
demo1.js

16. 応答メッセージを返す
2016/9/5 EWD 3 トレーニング・コース #6 16
ブラウザ ewd-xpress
socket.io
socket.io
ewd-client
トークン
メッセージを返す
send() – 中間メッセージ
finished() – 最終メッセージ
ewd-qoper8
のキュー
ewd-session Caché
カスタム・ワー
カー・モジュール
demo1.js

17. 応答メッセージのハンドラーを呼び出す
2016/9/5 EWD 3 トレーニング・コース #6 17
ブラウザ ewd-xpress
socket.io
socket.io
ewd-client
トークン
クライアント側の app.js 内の応答
メッセージに対するハンドラーが発火
する
ewd-qoper8
のキュー
ewd-session Caché
カスタム・ワー
カー・モジュール
demo1.js

18. ユーザー・インターフェースを更新する
2016/9/5 EWD 3 トレーニング・コース #6 18
ブラウザ ewd-xpress
socket.io
socket.io
ewd-client
トークン
ユーザー・インターフェースを変更する
ewd-qoper8
のキュー
ewd-session Caché
カスタム・ワー
カー・モジュール
demo1.js
ユーザー・イン
ターフェース

19. ワーカーを解放する
2016/9/5 EWD 3 トレーニング・コース #6 19
ブラウザ ewd-xpress
socket.io
socket.io
ewd-client
トークン
finished() 関数を実行すると、ワー
カーは利用可能プールに戻される
ewd-qoper8
のキュー
ユーザー・イン
ターフェース

20. EWD 3／ewd-xpress アプリケーション
• このパターンをただ何度も繰り返します!
2016/9/5 EWD 3 トレーニング・コース #6 20