如何触发destroy.js.erb实现全站用户页面即时删除评论？

你当前的代码只能让发起删除请求的用户看到评论被移除，但其他在线用户的页面不会自动更新——因为缺少实时通信机制来把删除事件推送给所有客户端。要解决这个问题，Rails官方的Action Cable（WebSocket工具）是最适合的方案，下面是具体实现步骤：

1. 配置Action Cable（如果还没做的话） #

首先确保你的Rails项目已经启用Action Cable：

• 检查config/cable.yml，开发环境可以用async适配器，生产环境建议用redis（因为async不支持多进程）：

development:
  adapter: async

production:
  adapter: redis
  url: <%= ENV.fetch("REDIS_URL") { "redis://localhost:6379/1" } %>
  channel_prefix: your_app_name_production

• 确保config/application.rb里有require "action_cable/engine"，默认Rails项目已经包含这部分配置。

2. 创建评论频道（Channel） #

这个频道负责管理客户端的订阅和事件广播：

# app/channels/comments_channel.rb
class CommentsChannel < ApplicationCable::Channel
  # 客户端订阅时，让它监听全局的comments_channel流
  def subscribed
    stream_from "comments_channel"
  end

  # 客户端取消订阅时的清理（可选）
  def unsubscribed
    # 这里可以加一些自定义清理逻辑，比如移除用户特定的流
  end
end

3. 修改CommentsController的destroy动作 #

删除评论后，通过Action Cable把删除事件广播给所有订阅的客户端：

# app/controllers/comments_controller.rb
def destroy
  @comment = Comment.find(params[:id])
  @comment.destroy

  # 广播删除事件：告诉所有客户端要移除哪个ID的评论
  ActionCable.server.broadcast "comments_channel", {
    action: "destroy",
    comment_id: @comment.id
  }

  respond_to do |format|
    format.js {} # 可以保留这个，也可以删掉——因为广播已经会处理当前用户的页面更新了
  end
end

4. 前端订阅频道并处理删除事件 #

在前端JS里订阅CommentsChannel，收到广播的删除事件后移除对应评论：

// app/assets/javascripts/channels/comments.js
// 若使用webpacker，路径改为app/javascript/channels/comments.js
App.comments = App.cable.subscriptions.create('CommentsChannel', {
  // 收到服务器广播的消息时触发
  received: function(data) {
    // 判断是删除动作的话，移除对应元素
    if (data.action === "destroy") {
      $(`[data-id="${data.comment_id}"]`).remove();
    }
  }
});

5. 可选：调整destroy.js.erb #

因为广播已经会处理所有客户端（包括发起请求的用户），你可以选择删掉destroy.js.erb，或者把它改成显示删除成功的提示：

// destroy.js.erb
alert("评论已删除");

关键说明 #

• Action Cable通过WebSocket建立服务器和客户端的持久连接，事件广播是实时的，所以所有在线用户的页面会立即同步删除操作。
• 确保你的评论元素都正确设置了data-id="<%= comment.id %>"属性，这样前端才能精准找到要移除的元素。
• 生产环境一定要用Redis作为Action Cable的适配器，否则多进程部署时广播会失效。

内容的提问来源于stack exchange，提问作者Dark Knight