Rails 7/Action Cable：如何在全局JS作用域访问频道实例？

可以把频道实例挂载到浏览器的全局window对象上，这样就能在任意JS文件或浏览器控制台中访问它。

修改你的app/javascript/channels/session_channel.js代码，将频道实例绑定到window的属性上：

import consumer from "channels/consumer"

// 将频道实例挂载到全局window对象
window.sessionChannel = consumer.subscriptions.create("SessionChannel", {                            
  connected() {
    console.log("Connected to session channel");                                    
  },

  disconnected() {
  },

  received(data) {
    console.log("got data: " + data);
  }
});

setTimeout(() => {
  window.sessionChannel.send({ some_data_to_rails: "goes_here" })
  console.log("sent");
}, 3000);

之后你就可以在浏览器控制台或者其他JS文件中直接调用：

// 两种调用方式都可行
window.sessionChannel.send({ key: "your_data" });
sessionChannel.send({ key: "your_data" });

注意事项 #

• 如果页面存在重复加载频道文件的场景（比如单页应用路由切换），可以先检查window.sessionChannel是否存在，或者用consumer.subscriptions.find("SessionChannel")获取已有的订阅实例，避免重复创建连接。
• 调用send前要确保频道处于已连接状态，可通过检查sessionChannel.consumer.connection.state的值，或者在connected回调中标记连接状态，防止未连接时发送失败。

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