Yet another chat app with Action Cable - Rails 5. Presented at GURU Sorocaba meetup.

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 :)