Ruby on Rails Action Cable：WebSocket 实时应用开发指南
随着互联网技术的发展，实时通信的需求日益增长。WebSocket 是一种在单个 TCP 连接上进行全双工通信的协议，它允许服务器和客户端之间进行实时数据交换。在 Ruby on Rails 应用中，Action Cable 是一个用于构建实时功能的库，它基于 WebSocket 协议。本文将围绕 Ruby 语言和 Action Cable，探讨如何实现 WebSocket 实时应用。
Action Cable 简介
Action Cable 是 Rails 5.1 及以上版本中引入的一个库，它允许你在 Rails 应用中实现 WebSocket 功能。Action Cable 使用 JavaScript 客户端和 Ruby 服务器端进行通信，使得开发者可以轻松地构建实时应用。
环境搭建
在开始之前，确保你已经安装了 Ruby 和 Rails。以下是一个基本的 Rails 应用环境搭建步骤：
1. 创建一个新的 Rails 应用：
bash
rails new action_cable_app
cd action_cable_app
2. 安装 Action Cable：
bash
rails generate action_cable:install
3. 运行应用：
bash
rails server
创建 WebSocket 连接
在 Action Cable 中，首先需要创建一个频道（Channel）。频道是客户端和服务器之间通信的桥梁。以下是如何创建一个简单的频道：
ruby
app/channels/room_channel.rb
class RoomChannel < ApplicationCable::Channel
def subscribed
stream_from "room_channel"
end
def unsubscribed
任何清理工作
end
end
在上面的代码中，我们创建了一个名为 `room_channel` 的频道。当客户端订阅这个频道时，服务器会自动将消息发送到客户端。
客户端实现
接下来，我们需要在客户端实现 WebSocket 连接。以下是一个使用 JavaScript 的客户端示例：
javascript
// app/javascript/channels/room_channel.js
import consumer from "./consumer"
const roomChannel = consumer.subscriptions.create("RoomChannel", {
connected() {
// 连接成功后执行的操作
},
disconnected() {
// 连接断开时执行的操作
},
received(data) {
// 接收到消息时执行的操作
console.log(data.message);
}
});
// 发送消息到服务器
function sendMessage() {
roomChannel.send({ message: "Hello, WebSocket!" });
}
在上面的代码中，我们创建了一个名为 `roomChannel` 的订阅，并在接收到消息时打印出来。我们还提供了一个 `sendMessage` 函数，用于向服务器发送消息。
服务器端消息处理
在服务器端，我们需要处理客户端发送的消息。以下是如何在频道中处理消息的示例：
ruby
app/channels/room_channel.rb
class RoomChannel < ApplicationCable::Channel
def subscribed
stream_from "room_channel"
end
def unsubscribed
任何清理工作
end
def speak(data)
将消息广播到所有订阅者
ActionCable.server.broadcast "room_channel", message: data["message"]
end
end
在上面的代码中，我们添加了一个 `speak` 方法，它接收客户端发送的消息，并将其广播到所有订阅了 `room_channel` 的客户端。
实时聊天应用
现在，我们已经有了基本的 WebSocket 连接和消息处理。接下来，我们可以构建一个简单的实时聊天应用：
1. 创建一个聊天页面：
html
Send
Comments NOTHING