Gói chính thức · Tự động hóa và hạ tầng

Plugin Bubble cho trang thời gian thực, trạng thái trực tuyến và phê duyệt

Đặt phần tử Hibira Channel lên một trang Bubble và trang cập nhật ngay khi một workflow gửi sự kiện: không tải lại trang, không polling, không cần cấu hình API Connector. Kênh presence cho biết ai đang trực tuyến, còn phê duyệt cho phép một người quyết định trước khi workflow chạy tiếp.

Hibira Realtime (Bubble plugin)GitHub ↗

  • Theo dõi đơn hàng và công việc trực tiếp: workflow gửi order-updated và mọi trang trạng thái đang mở thay đổi cùng lúc.
  • Chat và cộng tác: kênh presence liệt kê ai đang trực tuyến, client event cho biết ai đang gõ.
  • Phê duyệt: khoản hoàn tiền vượt hạn mức sẽ chờ đến khi quản lý bấm Duyệt hoặc Từ chối trên một liên kết.
  • Kênh private và presence được cấp quyền trong một workflow bình thường với Current User, nên dùng được trên mọi gói Bubble.

Đă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

    Plugins tab → Add plugins → search "Hibira Realtime" → Install
  App key:     YOUR_APP_KEY
  App ID:      YOUR_APP_ID
  App secret:  YOUR_APP_SECRET
  Host:        wss://ws.hibira.io

  2. Nhận sự kiện

    Hibira Channel element
  Channel:    "order-" & Current page's order's unique id
  Value key:  status

When Hibira Channel A an event is received
  → Display data: Hibira Channel A's Last value

  3. Gửi sự kiện

    When Button Mark shipped is clicked
  → Hibira - Publish event
      Channels:  "order-" & Current page's order's unique id
      Event:     order-updated
      Data:      {"status": "shipped"}

  4. Kênh private và presence

    Channel: presence-room-42

When Hibira Channel A authorization is needed
  1. Hibira - Authorize channel
       Socket ID:  Hibira Channel A's Auth socket ID
       Channel:    Hibira Channel A's Auth channel
       User ID:    Current User's unique id
       User name:  Current User's name
  2. Hibira Channel A Complete authorization
       Auth:          Result of step 1's Auth
       Channel data:  Result of step 1's Channel data

Hibira Channel A's Member names → a list of who is online

Trước khi bắt đầu

  • Thêm các tên miền Bubble của bạn, như https://yourapp.bubbleapps.io và tên miền riêng, vào allowed origins của ứng dụng.
  • App secret nằm trong phần cài đặt plugin riêng tư của Bubble và chỉ được server action dùng, không bao giờ gửi tới trình duyệt.
  • Mọi phần tử Hibira Channel trên một trang dùng chung một kết nối, nên mỗi khách truy cập chỉ tính một kết nối của gói.

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í →