https://qiita.com/Hijiri-K/items/c3774c72a2cb68e1a720
https://qiita.com/jnchito/items/aec75fab42804287d71b
上記の記事を参考にチャット機能を作っていますが、フォームに入力されたデータをサーバー側に送ることができません。エラーも出ないので、どこが問題なのかよくわかりません。またcoffeeScriptが不慣れなのでそのせいもあると思います。
下はチャット画面と入力フォームのページのコードです。
html
1<h1>Chat Room</h1> 2 3<div id="messages"> 4 <%= render @messages %> 5</div> 6<form> 7 <label>Say something:</label><br> 8 <input id='form' type="text" data-behavior="room_speaker"> 9</form> 10
下はcoffeescriptの記述です
coffee
1App.room = App.cable.subscriptions.create "RoomChannel", 2 connected: -> 3 # Called when the subscription is ready for use on the server 4 5 disconnected: -> 6 # Called when the subscription has been terminated by the server 7 8 #サーバーからデータを受けとった 9 received: (data) -> 10 # Called when there's incoming data on the websocket for this channel 11 #alert data['message'] 12 $('#messages').append data['message'] 13 14 #サーバーへデータを送信した 15 speak: (message) -> 16 @perform 'speak', message: message 17 18 $(document).on 'keypress', '[data-behavior~=room_speaker]', (event) -> 19 if event.keyCode is 13 # return = send 20 App.room.speak event.target.value 21 event.target.value = '' 22 event.preventDefault() 23
messageモデルの記述です
rb
1class Message < ApplicationRecord 2 after_create_commit { MessageBroadcastJob.perform_later self } 3end 4
下はmessage_broadcastの記述です
rb
1class MessageBroadcastJob < ApplicationJob 2 queue_as :default 3 4 def perform(message) 5 # Do something later 6 ActionCable.server.broadcast 'room_channel', message: render_message(message) 7 end 8 private 9 def render_message(message) 10 ApplicationController.renderer.render(partial: 'messages/message', locals: {message: message}) 11 end 12end
下はroom_channelの記述です
rb
1class RoomChannel < ApplicationCable::Channel 2 def subscribed 3 stream_from "room_channel" 4 end 5 6 def unsubscribed 7 # Any cleanup needed when channel is unsubscribed 8 end 9 10 def speak(data) 11 Message.create(content: data['message']) 12 end 13end 14
coffeeScriptの記述が原因かと思いますがどこが違うのか分からないので教えていただけたら嬉しいです。
お願いします
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。