Sails workshop3
•
0 gefällt mir•1,243 views
This is a slide at in-house sails workshop.
Empfohlen
Weitere ähnliche Inhalte
Ähnlich wie Sails workshop3
Ähnlich wie Sails workshop3 (20)
Sails workshop3
- 1. Sails WorkShop (3) 立命館大学 経営学部３回生 井口智勝
- 5. リアルタイム通信
- 8. Pub - Sub
- 10. io.socket.get() io.socekt.on(‘Model’) クライアント サーバー ‘Model’.subscribe() ‘Model’.publishCreate() switch(msg.verb) - created - addTo - message - … Pub-Sub方式 私はこういうものです。 OK！変更があったら通知するね 変更あったよ！変更の種類別で処理を変えようっと
- 11. io.socket.get() io.socekt.on(‘Model’) クライアント サーバー ‘Model’.subscribe() ‘Model’.publishCreate() switch(msg.verb) - created - addTo - message - … Pub-Sub方式 私はこういうものです。 OK！変更があったら通知するね 変更あったよ！変更の種類別で処理を変えようっと
- 13. io.socket.get() io.socekt.on(‘Model’) クライアント サーバー ‘Model’.subscribe() ‘Model’.publishCreate() switch(msg.verb) - created - addTo - message - … Pub-Sub方式 私はこういうものです。 OK！変更があったら通知するね 変更あったよ！変更の種類別で処理を変えようっと
- 14. “購読”の種類 classとinstance Class room 「作成」を購読 -> 自動: config/blueprints/autowatch:true -> 手動: Model.watch(req.socket) Instance room「編集」「削除」を購読 -> Model.subscribe(req.socket, 対象) 実体化される時 すでにある実体 が変更される時
- 15. Instance room subscribe(req.socket, record, [監視する動き]) デフォルトの[監視する動き]: update, destroy, message (for custom messages), add:* and remove:* (publishAdd and publishRemove messages for associated models). [監視する動き]のデフォルト値をmodel内の属性 autosubscribeで配列定義できる。なければ全て。 クライアント 監視する対象
- 16. io.socket.get() io.socekt.on(‘Model’) クライアント サーバー ‘Model’.subscribe() ‘Model’.publishCreate() switch(msg.verb) - created - addTo - message - … Pub-Sub方式 私はこういうものです。 OK！変更があったら通知するね 変更あったよ！変更の種類別で処理を変えようっと
- 17. server / publish message(record, obj, 除外したいsocket) publishCreate() publishUpdate() publishRemove() publishDestroy() ただ知らせるだけ。(ex: createした後に、publishCreateで知らせる) record: 送り先が持ってる値。uidならその人１人に。roomidならその roomidを持ってる(roomにいる)人へ送る。 自分に送りたくないなら、req.socketを第３引数に。
- 18. io.socket.get() io.socekt.on(‘Model’) クライアント サーバー ‘Model’.subscribe() ‘Model’.publishCreate() switch(msg.verb) - created - addTo - message - … Pub-Sub方式 私はこういうものです。 OK！変更があったら通知するね 変更あったよ！変更の種類別で処理を変えようっと
- 19. client / subscribe io.socket.on(‘connect’, function(){} io.socket.on(‘モデル名’, function(message){} message - data (送られたデータ) - id - verb (created,addedTo,updated,removedFrom,destroyed,message d)
- 20. その他Tips Sails.sockets - 手動でもsocketを扱える sails.io.js - クライアント側の便利library
- 21. ではでは、
- 25. View
- 29. Config
- 32. api
- 35. 本題。socket部分！
- 36. サーバー側
- 41. クライアント側
- 42. app.js - 全体像 - sails.io.jsがまず自動でコネクトしてくれる。 connectイベント発火で、船の絵が出てくる。 L15: サーバに購読させる L12: userモデルでpublish…がされたら callbackへ
- 45. 感想