質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

ただいまの
回答率

87.59%

rails actioncable実装時にcoffeescriptが機能しない

受付中

回答 0

投稿

  • 評価
  • クリップ 0
  • VIEW 1,266

score 28

railsのactioncable機能を使ってDMを作成したいです。

chat.coffeeファイルに

App.chat = null

current_user_id = ->
  $('input:hidden[name="from_id"]').val()

user_id = ->
  $('input:hidden[name="to_id"]').val()

room_id = ->
  $('input:hidden[name="room_id"]').val()

room_ch = ->
  id = room_id()
  if id?
    return {channel: 'ChatChannel', room_id: id}
  else
    return null



App.chat = App.cable.subscriptions.create {channel: 'ChatChannel', room_id: room_id()},
  received: (data) ->
    $('section.message_box').append data['message']
    $('section.message_box').scrollTop(messages_height());

  speak: () ->
    return room_id()

$(document).on 'keypress', '[data-behavior~=chat_speaker]', (event) ->
  if event.which is 13
    value = event.target.value
    if value.replace(/\s/g, '').length > 0 && value.length <= 50
      App.chat.speak(current_user_id(), user_id(), room_id(), value)
      event.target.value = ''
      event.preventDefault()
    else if value.length > 50
      alert("Message should be less than 51 characters.")
      event.target.value = ''
      event.preventDefault()
    else
      event.target.value = ''
      event.preventDefault()


という記述をしました。

App.chat = App.cable.subscriptions.create {channel: 'ChatChannel', room_id: room_id()},


room_id: room_id()$('input:hidden[name="room_id"]').val()の値をroom_idに代入してchat_channel.rbに送りたいのですが送れません。

Chat_channel.rb

class ChatChannel < ApplicationCable::Channel

  def subscribed
    stream_from "chat_channel_#{params[:room_id]}"
  end

  def unsubscribed

  end

  def speak(data)
    from_user = User.find_by(id: data['from_id'].to_s)
    to_user = User.find_by(id: data['to_id'].to_s)
    from_user.send_message(to_user, data['room_id'], data['content'])
  end

end

ちなみにroom_id: room_id()room_id: 5など直接数値を指定すると送ることができました。
また

speak: () ->
    return room_id()


としているのでApp.chat.speak()をコンソールで試したところ正常にroom_id()の値が帰ってきます。

質問が煩雑になってしまってますがよろしくお願いします。

  • 気になる質問をクリップする

    クリップした質問は、後からいつでもマイページで確認できます。

    またクリップした質問に回答があった際、通知やメールを受け取ることができます。

    クリップを取り消します

  • 良い質問の評価を上げる

    以下のような質問は評価を上げましょう

    • 質問内容が明確
    • 自分も答えを知りたい
    • 質問者以外のユーザにも役立つ

    評価が高い質問は、TOPページの「注目」タブのフィードに表示されやすくなります。

    質問の評価を上げたことを取り消します

  • 評価を下げられる数の上限に達しました

    評価を下げることができません

    • 1日5回まで評価を下げられます
    • 1日に1ユーザに対して2回まで評価を下げられます

    質問の評価を下げる

    teratailでは下記のような質問を「具体的に困っていることがない質問」、「サイトポリシーに違反する質問」と定義し、推奨していません。

    • プログラミングに関係のない質問
    • やってほしいことだけを記載した丸投げの質問
    • 問題・課題が含まれていない質問
    • 意図的に内容が抹消された質問
    • 過去に投稿した質問と同じ内容の質問
    • 広告と受け取られるような投稿

    評価が下がると、TOPページの「アクティブ」「注目」タブのフィードに表示されにくくなります。

    質問の評価を下げたことを取り消します

    この機能は開放されていません

    評価を下げる条件を満たしてません

    評価を下げる理由を選択してください

    詳細な説明はこちら

    上記に当てはまらず、質問内容が明確になっていない質問には「情報の追加・修正依頼」機能からコメントをしてください。

    質問の評価を下げる機能の利用条件

    この機能を利用するためには、以下の事項を行う必要があります。

まだ回答がついていません

15分調べてもわからないことは、teratailで質問しよう!

  • ただいまの回答率 87.59%
  • 質問をまとめることで、思考を整理して素早く解決
  • テンプレート機能で、簡単に質問をまとめられる

関連した質問

同じタグがついた質問を見る