如何在Rails控制台测试JavaScript及调试Channel订阅创建问题

1. 怎么测试Rails应用里的JavaScript？ #

Rails控制台是Ruby的交互式环境，没法直接运行前端JS代码，靠谱的测试方式有这几种：

• 用浏览器控制台：打开应用页面按F12，直接在控制台输入/粘贴JS代码执行，能看输出、打断点调试。
• 写自动化测试：用Rails自带的系统测试（搭配Capybara+Selenium），或者用Jest这类前端测试框架写用例验证逻辑。
• 要是测ActionCable相关的JS：直接在浏览器控制台初始化consumer后测试订阅，同时盯着后端开发日志看联动情况。

2. 调试ActionCable频道订阅失败的问题 #

你贴的代码先改语法问题——最后少了闭合的}和)，这会直接导致代码执行失败，修正后的代码可以加上失败回调方便排查：

consumer.subscriptions.create({ channel: "RoomChannel" }, {
  connected() {
    console.log('Live')
    alert("It works!")
  },
  // 加个订阅被拒绝的回调，抓失败原因
  rejected() {
    console.error('订阅失败：被服务器拒绝')
  },
  disconnected() {
    console.log('连接断开')
  }
})

然后按以下步骤排查：

• 看后端开发日志：log/development.log里，订阅成功会出现Started GET "/cable"和RoomChannel is streaming from ...的日志，你说的“listening”可能是记错了日志内容。如果日志里连请求都没进来，先确认ActionCable服务器随Rails一起启动了。
• 浏览器控制台查错：先输入consumer看看实例是不是正常初始化了，再执行修正后的代码，看控制台有没有跨域、频道不存在这类报错。
• 检查后端频道代码：确认app/channels/room_channel.rb存在，且subscribed方法没写错，比如有没有权限判断导致订阅被拒：

  class RoomChannel < ApplicationCable::Channel
    def subscribed
      stream_from "room_channel"
      # 要是这里有用户权限校验，得确保当前用户符合条件
    end
  end
  

• 核对ActionCable配置：config/cable.yml里开发环境默认是async适配器，要是用Redis的话，先确认Redis服务在跑。

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