Rails实时web开发

Realtime web Rails solutions

Transcript

1. Rails Realtime Web 16年10⽉月14⽇日 星期五
2. Before Start… 举 个 栗 ⼦子 16年10⽉月14⽇日 星期五
3. 16年10⽉月14⽇日 星期五
4. 16年10⽉月14⽇日 星期五
5. Talk Points • Scenario • Realtime History • Main solutions • RubyChina’s Practices • Related Service Providers 16年10⽉月14⽇日 星期五
6. Scenario • Realtime Notifications • Realtime Chat • Multiplayer Games, Collaboration • Activity Streams • Commenting System • Realtime Progress Bar, Stats 16年10⽉月14⽇日 星期五
7. HTTP • 1996, HTTP 1.0 分布式、⽆无状态、基于TCP的请求/响应 式 • 1999, HTTP 1.1* 默认⻓长连接之外就是缓存处理、带宽优 化和安全性等⽅方⾯面的不痛不痒的改进 • ????, HTTP 2.0 • SPDY* 16年10⽉月14⽇日 星期五
8. Web的演化 16年10⽉月14⽇日 星期五
9. Main Solutions • Ajax polling (2005, Google) • Comet(long polling, stream), a collection of techniques prior to HTML5 which use streaming and long-polling to achieve real time applications • WebSocket (2008） • SSE（Server-sent Events） • WebRTC(2010, Google) 16年10⽉月14⽇日 星期五
10. Regular HTTP 16年10⽉月14⽇日 星期五
11. Polling 16年10⽉月14⽇日 星期五
12. Long pulling 16年10⽉月14⽇日 星期五
13. Server-Sent Events 16年10⽉月14⽇日 星期五
14. WebSocket 16年10⽉月14⽇日 星期五
15. WebSocket 将 TCP 的 Socket 与⽆无状态的 HTTP 协议共 同使⽤用, 从⽽而使通信双⽅方建⽴立起⼀一个保持在活 动状态的全双⼯工连接通道, 16年10⽉月14⽇日 星期五
16. WebSocket 16年10⽉月14⽇日 星期五
17. WebSocket GET /chat HTTP/1.1 Host: xxxx.com Upgrade: websocket Connection: Upgrade Sec-WebSocket-Key: XXXXXX Sec-WebSocket-Protocol: XXXX Sec-WebSocket-Version: X Origin:http://xxxx.com 16年10⽉月14⽇日 星期五
18. Review: Polling • 客户：我的快递到了没呀？（request） • 客服：你好，你是？没有（response） • 客户：我的快递到了没呀？ • 客服：你好，你是？没有，真没有 • 客户：我的快递到了没呀？ • 客服：你好，你是？!@#$%&*,可能还再路上 • 客户：我的快递到了没呀？ • 客服：你好，你是？有了会给你送来的 • 客户：我的快递到了没呀？ • 客服：你好，你是？没.....没.....没有啊....啊啊啊啊 16年10⽉月14⽇日 星期五
19. Review: Long-Polling • 客户：有⽊木有新消息呀？有了再回答我 （request） • 客服：你好，你是？（客户BB⼀一串）， 稍等！有消息了，BBBBBB（response） • 客户：有⽊木有新消息呀？有了再回答我 （request） • again and again 16年10⽉月14⽇日 星期五
20. Review: WebSocket • 客户：啦啦啦，我要建⽴立WebSocket协 议，需要的服务：XXX 协议版本： x（HTTP Request） • 客服：ok，确认，已升级为WebSocket协 议（HTTP Protocols Switched） • 客户：⿇麻烦你有信息的时候推送给我 噢。。 16年10⽉月14⽇日 星期五
21. Faye 16年10⽉月14⽇日 星期五
22. Faye • Faye is a set of tools for simple publish- subscribe messaging between web clients. It ships with easy-to-use message routing servers for Node.js and Rack applications, and clients that can be used on the server and in the browser. 16年10⽉月14⽇日 星期五
23. Faye Based on the Bayeux* protocol The Adapter, as implemented by the NodeAdapter and RackAdapter classes, exposes the Server’s interface over HTTP. It is responsible for serializing and deserialzing messages as JSON and accepting connections over various flavours of HTTP transport: Persistent connections using WebSocket Long-polling via HTTP POST Cross Origin Resource Sharing Callback-polling via JSON-P 16年10⽉月14⽇日 星期五
24. MessageBus MessageBus was extracted out of Discourse and is used in thousands of production Discourse sites at scale. 16年10⽉月14⽇日 星期五
25. MessageBus 16年10⽉月14⽇日 星期五
26. MessageBus A reliable, robust messaging bus for Ruby processes and web clients. MessageBus implements a Server to Server channel based protocol and Server to Web Client protocol (using polling, long-polling or long-polling + streaming) Long-polling is implemented using Rack Hijack and Thin::Async, all common Ruby web server can run MessageBus (Thin, Puma, Unicorn) and handle a large amount of concurrent connections that wait on messages. MessageBus is implemented as Rack middleware and can be used by and Rails / Sinatra or pure Rack application. 16年10⽉月14⽇日 星期五
27. ActionController::Live 16年10⽉月14⽇日 星期五
28. ActionController::Live 16年10⽉月14⽇日 星期五
29. SSE 16年10⽉月14⽇日 星期五
30. SSE 16年10⽉月14⽇日 星期五
31. Action Cable 16年10⽉月14⽇日 星期五
32. 16年10⽉月14⽇日 星期五
33. Action Cable Action Cable seamlessly integrates WebSockets with the rest of your Rails application. It allows for real-time features to be written in Ruby in the same style and form as the rest of your Rails application, while still being performant and scalable. 16年10⽉月14⽇日 星期五
34. Action Cable: 消息推送 ActionCable.server.broadcast "messages_#{message.receiver.id}", data 16年10⽉月14⽇日 星期五
35. Action Cable: connection 16年10⽉月14⽇日 星期五
36. Action Cable: Channels ActionCable.server.broadcast "messages_#{message.receiver.id}", data 16年10⽉月14⽇日 星期五
37. Action Cable: Client-Side 16年10⽉月14⽇日 星期五
38. Action Cable: Client-Side 16年10⽉月14⽇日 星期五
39. RubyChina的演进 • 2012-08-29 Faye realtime push notifications • 2015-04-22 MessageBus 代替 Faye • 2016-02-02 ActionCable 代替 MessageBus 16年10⽉月14⽇日 星期五
40. Related Service Providers 16年10⽉月14⽇日 星期五
41. nginx-push-stream-module Fast, horizontally scalable, multiprocess pub/sub queuing server and proxy for HTTP, long- polling, Websocket and EventSource (SSE), powered by Nginx. pure stream http push technology for your Nginx setup. Comet made easy and really scalable. Supports EventSource, WebSocket, Long Polling, and Forever Iframe. 16年10⽉月14⽇日 星期五
42. Socket.io 得益于socket.io的开源，通过websocket、 Adobe Flash Socket、long-polling、 streaming、轮询等多种机制的⾃自适应切换， 帮我们解决了绝⼤大部分浏览器(包括各种内核 的webview)的兼容性问题，统⼀一了客户端以 及服务端的编程⽅方式。 16年10⽉月14⽇日 星期五
43. Service Providers 16年10⽉月14⽇日 星期五
44. See Also • http://tenderlovemaking.com/2012/07/30/is-it-live.html • http://wulfric.me/2016/09/active-job-action-cable-in-rails/ • https://meta.discourse.org/t/how-discourse-stays-online-message-bus-faye-long-polling/ 3238/21 • http://www.cnblogs.com/helloim/p/5663660.html • http://jargon.io/joeyschoblaska/rails-5-chess-with-action-cable-websockets • https://blog.heroku.com/ real_time_rails_implementing_websockets_in_rails_5_with_action_cable • https://www.twilio.com/blog/2016/06/real-time-rails-4-using-server-sent-events-with- authy-onetouch.html • https://www.startuprocket.com/articles/rails5-actioncable-redux-and-react-walking- through-an-example-chat-application • https://blog.pusher.com/how-to-add-message-history-to-your-pusher-apps/ • http://www.thegreatcodeadventure.com/rails-5-action-cable-with-multiple-chatroom- subscriptions/ 16年10⽉月14⽇日 星期五
45. • https://hectorperezarenas.com/2015/12/26/rails-5-tutorial-how-to-create-a-chat-with- action-cable/ • https://www.sitepoint.com/action-cable-and-websockets-an-in-depth-tutorial/ • https://www.onehub.com/blog/2016/02/18/event-notifications-in-rails-5-with- actioncable/ • https://blog.ably.io/rails-5-actioncable-the-good-and-bad-parts-1b56c3b31404#.4iigbo3jg • https://www.smashingmagazine.com/2012/05/building-real-time-commenting-system/ • http://www.ikantam.com/blog/chat-rooms-use-websockets-rails • https://www.sitepoint.com/mini-chat-rails-server-sent-events/ • http://www.thegreatcodeadventure.com/deploying-action-cable-with-a-single-server/ • http://www.thegreatcodeadventure.com/deploying-action-cable-to-heroku/ • http://www.thegreatcodeadventure.com/rails-5-preview-action-cable/ See Also 16年10⽉月14⽇日 星期五
46. • https://www.zweitag.de/en/blog/technology/lets-build-a-chat-with-actioncable • http://stackoverflow.com/questions/11077857/what-are-long-polling-websockets-server- sent-events-sse-and-comet See Also 16年10⽉月14⽇日 星期五
47. • https://www.pubnub.com/developers/eon/ See Also 16年10⽉月14⽇日 星期五
48. Questions 16年10⽉月14⽇日 星期五
49. Thanks 16年10⽉月14⽇日 星期五