Как убедиться в том, что javascripts / channel / chatrooms.coffee загружается и получает: (данные) работает?Данные Console.log не загружаются - PullRequest
Новая
       33

Как убедиться в том, что javascripts / channel / chatrooms.coffee загружается и получает: (данные) работает?Данные Console.log не загружаются

0 голосов
/ 06 апреля 2019

Вот файл, содержащий то, что следует получить от задания ретрансляции сообщений, которое успешно загружается на сервер. 

App.chatrooms = App.cable.subscriptions.create "ChatroomsChannel",
  connected: ->
    # Called when the subscription is ready for use on the server

  disconnected: ->
    # Called when the subscription has been terminated by the server

  received: (data) ->
    console.log(data)
    active_chatroom = $("[data-behavior='messages'][data-chatroom-id='#{data.chatroom_id}']").append("<div><strong>#{data.username}:</strong> #{data.message}</div>")
    if active_chatroom.length > 0
      active_chatroom.append("<div><strong>#{data.username}:</strong> #{data.body}</div>")
    else
      $("[data-behavior='chatroom-link'][data-chatroom-id='#{data.chatroom_id}']").css("font-weight", "bold")
    # Called when there's incoming data on the websocket for this channel

  send_message: (chatroom_id, body) ->
    @perform "send_message", {chatroom_id: chatroom_id, body: body}

Когда сервер загружается с сообщением, он отображает правильное сообщение в задании ретрансляции сообщений..

Вот другой сценарий кофе для файла. 

Place all the behaviors and hooks related to the matching controller here.
# All this logic will automatically be available in application.js.
# You can use CoffeeScript in this file: http://coffeescript.org/

$(document).on 'turbolinks:load', ->
  $('#new_groupmessage').on 'keypress', (e) ->
    if e && e.keyCode == 13
      e.preventDefault()
      $(this).submit()
  $('#new_groupmessage').on "submit", (e) ->
    e.preventDefault()
    chatroom_id = $("[data-behavior='messages']").data("chatroom-id")
    body = $("#groupmessage_body")
    App.chatrooms.send_message(chatroom_id, body.val())
    body.val("")

Чтобы вы могли видеть HTML: 


<div data-behavior='messages' data-chatroom-id='<%= @chatroom.id %>' class=messages style="margin-left: 140px; border-left: 1px black solid; padding-left: 2px;">
    <% @chatroom.groupmessages.order(created_at: :desc).limit(100).reverse.each do |groupmessage| %>
        <%= render groupmessage %>
    <% end %>
</div>

<%= form_for [@chatroom, Groupmessage.new] do |f| %>
    <%= f.text_area :body, rows: 1, class: "form-control", autofocus: true %>
    <%= f.submit %>
<% end %>

Довольно простые формы данных и их отображение. 


class MessageRelayJob < ApplicationJob
  queue_as :default

  def perform(message)
    ActionCable.server.broadcast "chatrooms:#{message.chatroom.id}", {
      username: message.user.username,
      body: GroupmessagesController.render(message),
      chatroom_id: message.chatroom.id
    }
    # Do something later
  end
end

И задание ретрансляции сообщений тоже чисто и просто.

...