Real Time with Rails 5

Yet another chat app with Action Cable - Rails 5.

Presented at GURU Sorocaba meetup.

Transcript

1. real time with rails 5
2. lucas renan
4. guru sorocaba
6. action cable seamlessly integrates websockets with the rest of your rails app
10. yet another chat app
11. !
12. app/channels/rooms_channel.rb class RoomsChannel < ApplicationCable::Channel def subscribed stream_from 'room_sorocaba_channel' # can be dynamic end def unsubscribed # Any cleanup needed when channel is unsubscribed end def send_message(data) ActionCable.server.broadcast('room_sorocaba_channel', data) end end
13. app/assets/javascripts/cable.js (function() { this.App || (this.App = {}); App.cable = ActionCable.createConsumer(); }).call(this);
14. app/assets/javascripts/channels/rooms.js App.rooms = App.cable.subscriptions.create("RoomsChannel", { connected: function() { // Called when the subscription is ready for use on the server }, disconnected: function() { // Called when the subscription has been terminated by the server }, received: function(data) { // Called when there's incoming data on the websocket for this channel }, send_message: function() { return this.perform('send_message'); } });
15. config/routes.rb # Serve websocket cable requests in-process mount ActionCable.server => '/cable'
16. config/cable.yml development: adapter: async test: adapter: async production: adapter: redis url: redis://localhost:6379/1
17. config/environments/production.rb config.action_cable.url = ENV['CABLE_URL'] config.action_cable.allowed_request_origins = ENV['APP_URL']
18. app/views/layouts/application.html.erb <%= action_cable_meta_tag %>
19. https://github.com/lucasrenan/lucas-chat
20. heroku tutorial https://blog.heroku.com/ realtimerailsimplementingwebsocketsinrails5withacti oncable
21. https://lucas-chat-rails5.herokuapp.com/chat
22. thanks :)