如何与使用从客户端传递到服务器的 ActionCable 参数的通道保持连接？

Question

我不明白actioncable。我想让用户订阅一个看起来像这样的PostChannel，

class PostNotificationsChannel < ApplicationCable::Channel

  def subscribed
    stream_from params[:post_id]
  end

  def unsubscribed
    stop_all_streams
  end
end

然后我有 js

/javascripts/channels/post_notifications.js

$(document).on('turbolinks:load', function() {
  $("a.post_subscribe").click(function subscribeToPost() {
  var post_id = $(this).parents("li").attr("class").split(" ")[0]; // Get the post id off the page
  App.post_notifications = App.cable.subscriptions.create({channel: "PostNotificationsChannel", post_id: post_id}, {

    connected: function() {},

    disconnected: function() {},

    received: function(data) {}
    });
  });
});

因此，您单击 .post_subscribe 锚标记，它会获取我在页面上拥有的那个帖子 HTML 类的值，然后在订阅创建的 params 哈希中使用它。这一切都很好，而且当该帖子发生某些操作时，单击它的用户将获得更新。但是，如果您刷新页面，则该连接无法将该消费者与该帖子重新连接，因为散列中没有参数。所以，我想知道如何摆脱这种情况。

此外，即使在 rails 指南页面上，它也会显示此 here 所以他们正在传递参数但是当页面重新加载时如何保持连接？

Answer 1

所以我从您的问题中了解到，当用户点击“订阅”链接时，您希望用户成为该帖子的关注者。为此，您必须通过在用户和作为关注者的帖子之间建立关联来将此信息存储在数据库中。 然后，每当该帖子上发生活动时，向该特定帖子的所有关注者的通知流广播通知。

创建一个 NotificationsChannel，每个用户在登录网站时都会订阅该频道，例如，ID 为 1 的用户登录后，他将订阅一个通知流，该通知流对于每个用户都是唯一的，例如notify_user_1_channel

class NotificationsChannel < ApplicationCable::Channel
  def subscribed
    if params[:recepient].present?
      stream_from "notify_#{params[:recepient]}_channel"
    end
  end

  def unsubscribed
    # Any cleanup needed when channel is unsubscribed
  end
end

在您的频道脚本中，

App.chat = App.cable.subscriptions.create {
            channel: "NotificationsChannel"
            recepient: $('#recepient').data("recepient")
            }

为了将接收者作为参数，在某处查看代码，最好在页脚中，

<div id="recepient" data-recepient="User_<%= current_user.id %>"></div>

并且，为了将通知广播到流中，在通知模型的 after_create_commit 中，

ActionCable.server.broadcast "notify_#{notification.recepient_type}_#{notification.recepient_id}_channel"