![Dioxy : How To Presentation [HTML/CSSワークショップ #1 / ハ?ンくす?リストを作ろう]](https://cdn.slidesharecdn.com/ss_thumbnails/1-150216033400-conversion-gate01-thumbnail.jpg?width=560&fit=bounds)
More Related Content
What's hot (20)
Similar to Berry'sWaffle (10)
Berry'sWaffle
- 2. 動機 http://goo.gl/dB9tN8 俺「メールPJでメールだけじゃなく、WebSocketも使ってリアルタイムに通知するとかどうっすかね」 I川さん「いいんじゃないですか」 俺「でもやるとなったらスケーラブルなのかどうかが気になりますよね」 I川「そうですね」 -５分後- 俺「あ、RedisのPub/Subっていうのを使うとスケールアウト出来るらしいです」 I川「そうなんですね。あ、じゃあそれをネタにLT用に何かアプリ作ってみたらどうですか」 俺「そうですね。じゃあチャットアプリ作ります」 I川さん「で、作ったらユニットで使えばいいじゃないですか」 俺「そ、そうですね…」
- 3. Berry's Waffle(http://goo.gl/dB9tN8) Berryのおしゃべり(=waffle)アプリケーション ?WebSocketでリアルタイム送受信 ?Node.jsをスケールアウト ?女子力高め ?デスクトップ通知(webkit系のみ)
- 4. http://goo.gl/dB9tN8 WebSocketって何 要するにクライアント、サーバ間でコネクションを何度も張ることなく リアルタイム双方向通信出来るよってこと。 詳しくはwikiをどうぞ。http://ja.wikipedia.org/wiki/WebSocket
- 5. Node.jsを使う理由 http://goo.gl/dB9tN8 WebSocket周辺の技術を便利に使う為のSocket.IOというライブラリ を使いたいから。 Sails.jsは？ Socket.IOも使えるMVCフレームワーク。 Sails.jsの現行最新のv0.10.4を使った例がweb上ではあまり無かったので やってみたかった。
- 6. Redisのpub/subを使う？ http://goo.gl/dB9tN8 pub=publish(発行), sub=subscribe(購読)。 例えば、Process1がRedisに「chatチャンネルをSubscribe します」と伝えます。 次に、Process2がRedisに対して「chatチャンネルにメッセ ージをPublishします」と伝えます。 すると、chatチャンネルをSubscribeしている全てのプロセス にメッセージが伝えられます。
- 7. サーバ構成 ELB EC2 EC2 ElastiCache AWS http://goo.gl/dB9tN8 ELB Port Configuration: 80 (TCP) forwarding to 1337 (TCP) EC2 Node.js(Sails.js)が1337ポートをリッスン ElastiCache Redisが6379ポートをリッスン
- 8. subscribe(購読)登録実装 door.ejs(クライアントサイド) RoomController.js(サーバサイド) http://goo.gl/dB9tN8
- 9. publish(発行)実装 door.ejs(クライアントサイド) http://goo.gl/dB9tN8 ChatController.js(サーバサイド） door.ejs(クライアントサイド 待ち受け)
- 11. 苦労した点(AWSの) ELBのPort Configuration 最初は 80 (HTTP) forwarding to 1337 (HTTP) としていたが、コネクションが切れまくった。 WebSocketは、HTTP→WebSocketに移行するので 80 (TCP) forwarding to 1337 (TCP)でないと駄目 ElastiCacheのSecurityGroup 最初はローカルからつなげて稼働確認したかったので、 InboundにTCP(6379)でxx.xxx.xx.xxx/32(自宅IP)を指定したが 自宅からもEC2からも繋がらなかった。 →ElastiCacheはEC2からの接続しか許可してなかった。自宅IPはずしたらいけた。
- 12. おわり ?github https://github.com/raccoon-berry/waffle ?berry’s waffle http://goo.gl/dB9tN8