这是room.coffee的代码:
App.room = App.cable.subscriptions.create "RoomChannel",
connected: ->
disconnected: ->
received: (data) ->
$('#messages').append "<p>#{data}</p>"
speak: (message) ->
@perform 'speak' , message: message
Run Code Online (Sandbox Code Playgroud)
cable.coffee:
@App ||= {}
App.cable = ActionCable.createConsumer()
Run Code Online (Sandbox Code Playgroud)
rooms.coffee:
$ ->
$messages = $('messages')
$messages.scrollTop $messages.prop('scrollHieght')
$('#message_input').focus()
$(document).on 'keypress','message_input','e'->
if e.keycode == 13 and e.target.value
App.room.speak(e.target.value)
e.target.value = ''
e.preventDefault()
Run Code Online (Sandbox Code Playgroud)
roomchannel:
class RoomChannel < ApplicationCable::Channel
def subscribed
stream_from "room_channel"
end
def unsubscribed
# Any cleanup needed when channel is unsubscribed
end
def speak(data)
message.create content: data['message']
end
end
Run Code Online (Sandbox Code Playgroud)
Broadcostmessage: …