Rails中如何使用Turbostreams進行實時頁面更新

Turbostreams 是 Rails 7 中引入的一種實時頁面更新技術，類似于 WebSocket。通過 Turbostreams，可以在不刷新整個頁面的情況下，實時更新頁面的部分內容。

要在 Rails 中使用 Turbostreams 進行實時頁面更新，首先需要在控制器中使用 turbo_stream 方法生成實時更新的片段，然后在視圖中使用 turbo_stream 標簽來渲染這些實時更新的片段。

下面是一個簡單的示例，演示如何在 Rails 中使用 Turbostreams 進行實時頁面更新：

1. 在控制器中使用 turbo_stream 方法生成實時更新的片段：

class MessagesController < ApplicationController
  def create
    @message = Message.new(message_params)

    if @message.save
      turbo_stream.append "messages", partial: "message", locals: { message: @message }
    else
      render :new
    end
  end

  private

  def message_params
    params.require(:message).permit(:content)
  end
end

2. 在視圖中使用 turbo_stream 標簽來渲染實時更新的片段：

<%= form_with model: @message, url: messages_path, id: "new_message" do |form| %>
  <%= form.text_field :content %>
  <%= form.submit %>
<% end %>

<div id="messages">
  <%= render @messages %>
</div>

<turbo_stream action="append" target="messages">
  <%= render partial: "message", collection: @messages %>
</turbo_stream>

在上面的示例中，當用戶提交表單創建新消息時，控制器會使用 turbo_stream.append 方法生成實時更新的片段，然后在視圖中使用 turbo_stream 標簽來渲染這個實時更新的片段。

通過這種方式，可以在不刷新整個頁面的情況下，實時更新頁面的內容。Turbo Streams 提供了多種不同的操作類型，如 append、prepend、replace 等，可以根據具體的需求來選擇合適的操作類型。