javascript - Action Cable Rails 5 的客户端 JavaScript

Question

在rails 4的websocket-rails中，我使用下面的客户端框架javascript并且工作正常

var dispatcher = new WebSocketRails('//ws:localhost:3000/websocket');
var channel    = dispatcher.subscribe('my_channel');

channel.bind('my_event', function (content) {
   console.log(content);
});

其中 new WebSocketRails(...) 是一个我在互联网上找到的 JavaScript 框架

此 JavaScript 框架 WebSocketRails 不适用于 Rails 5 的操作电缆，因为实现不同。

有人知道任何 websocket javascript 框架都可以与特定的监听 channel 配合使用吗？

我测试了来自 javascript Websocket() 的 native 类，它与 websocket 连接，但没有“监听” channel 的功能。

抱歉我的英语不好=)

Answer 1

您可以尝试actioncable在从 Rails 发布的 Yarn 或 NPM 上。

这是我的 Vue js 代码:

import ActionCable from 'actioncable';

var cable = ActionCable.createConsumer('ws://localhost:3000/cable');

var channel = cable.subscriptions.create(
    'MyChannel',
    {
        connected: function() {
            console.log("connected");
        },
        disconnected: function() {
            console.log("disconnected");
        },
        received: function(data) {
            console.log('received');
            console.log(data);
        }
    }
);