Gói chính thức · Framework

Hiện người đang sửa và mục cập nhật trực tiếp cho Craft CMS

Plugin Craft CMS 5: biên tập viên thấy ai khác đang mở cùng một mục và được nhắc tải lại khi có người lưu, trang tự cập nhật khi mục thay đổi, và trang đơn hàng Craft Commerce theo dõi trạng thái trực tiếp.

  • Trang mục trong bảng điều khiển hiện tất cả những người đang mở cùng mục, và báo cho những người còn lại ngay khi một người lưu.
  • Lưu một mục đang xuất bản sẽ gửi entry-updated trên craft-entry-{id} và entry-saved trên craft-section-{handle}, nên template làm mới được mà không cần polling.
  • Craft Commerce: khách hàng theo dõi trạng thái đơn hàng trực tiếp, và bảng điều khiển hiện đơn hàng mới ngay khi đến.
  • craft.hibira.trigger() gửi sự kiện của riêng bạn từ template, và actions/hibira/auth ký các kênh private và presence.
Hai biên tập viên trên cùng một entry Craft: bảng điều khiển hiện ai khác đang sửa, và báo cho người kia ngay khi entry được lưu.
Hai biên tập viên trên cùng một entry Craft: bảng điều khiển hiện ai khác đang sửa, và báo cho người kia ngay khi entry được lưu.

Đăng nhập để xem các đoạn mã này với host cụm của riêng bạn. Đăng nhập

  1. Cài đặt

    composer require hibira-io/craft-hibira
    php craft plugin/install hibira
  2. Thiết lập

    # .env (Settings → Plugins → Hibira Realtime reads these by default)
    HIBIRA_APP_ID=YOUR_APP_ID
    HIBIRA_APP_KEY=YOUR_APP_KEY
    HIBIRA_APP_SECRET=YOUR_APP_SECRET
    # and set Host to ws.hibira.io in the plugin settings
  3. Sử dụng

    {% do craft.hibira.registerScript() %}
    
    {# Readers get a "This page was updated" notice with a Reload button #}
    <article data-hibira-entry="{{ entry.id }}">
      {{ entry.body }}
    </article>
    
    {# Send your own events #}
    {% do craft.hibira.trigger('scores', 'goal', { team: 'home' }) %}

Trước khi bắt đầu

  • Secret của ứng dụng chỉ hiện một lần, khi bạn tạo ứng dụng hoặc xoay vòng secret. Hãy giữ nó trên máy chủ, không bao giờ đưa vào trình duyệt hay bản build game.
  • Thêm địa chỉ trang web của bạn, và địa chỉ bảng điều khiển nếu khác, vào allowed origins của ứng dụng.

Dùng app key từ bảng điều khiển; secret chỉ để trên máy chủ của bạn. Kênh, sự kiện và endpoint xác thực hoạt động y như với Pusher. Tạo tài khoản miễn phí →