แพ็กเกจอย่างเป็นทางการ · ระบบอัตโนมัติและโครงสร้างพื้นฐาน

ปลั๊กอิน Bubble สำหรับหน้าแบบเรียลไทม์ สถานะออนไลน์ และการอนุมัติ

วางองค์ประกอบ Hibira Channel บนหน้า Bubble แล้วหน้าจะอัปเดตทันทีที่เวิร์กโฟลว์ส่งอีเวนต์ ไม่ต้องรีเฟรช ไม่ต้องโพลลิง ไม่ต้องตั้งค่า API Connector ช่อง presence แสดงว่าใครออนไลน์ และการอนุมัติให้คนตัดสินใจก่อนที่เวิร์กโฟลว์จะทำต่อ

Hibira Realtime (Bubble plugin)GitHub ↗

• ติดตามคำสั่งซื้อและงานแบบสด: เวิร์กโฟลว์ส่ง order-updated แล้วหน้าสถานะที่เปิดอยู่ทุกหน้าจะเปลี่ยนพร้อมกัน
• แชตและการทำงานร่วมกัน: ช่อง presence แสดงรายชื่อคนที่ออนไลน์ และ client event แสดงว่าใครกำลังพิมพ์
• การอนุมัติ: การคืนเงินที่เกินวงเงินจะรอจนกว่าผู้จัดการจะแตะอนุมัติหรือปฏิเสธในลิงก์
• ช่อง private และ presence ได้รับอนุญาตในเวิร์กโฟลว์ปกติด้วย Current User จึงใช้ได้กับ Bubble ทุกแพ็กเกจ

ลงชื่อเข้าใช้เพื่อดูโค้ดตัวอย่างเหล่านี้พร้อมโฮสต์คลัสเตอร์ของคุณเอง ลงชื่อเข้าใช้

1. ติดตั้ง

   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. รับอีเวนต์

   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. ส่งอีเวนต์

   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. ช่อง private และ 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

ก่อนเริ่ม

• เพิ่มโดเมน Bubble ของคุณ เช่น https://yourapp.bubbleapps.io และโดเมนของคุณเอง ลงใน allowed origins ของแอป
• app secret เก็บอยู่ในการตั้งค่าปลั๊กอินแบบส่วนตัวของ Bubble และใช้เฉพาะ server action เท่านั้น ไม่ถูกส่งไปยังเบราว์เซอร์
• องค์ประกอบ Hibira Channel ทุกตัวบนหน้าใช้การเชื่อมต่อเดียวกัน ผู้เข้าชมหนึ่งคนจึงนับเป็นหนึ่งการเชื่อมต่อของแพ็กเกจ

ใช้ app key จากแดชบอร์ดของคุณ ส่วน secret ให้เก็บไว้บนเซิร์ฟเวอร์เท่านั้น ช่อง อีเวนต์ และ endpoint การยืนยันสิทธิ์ทำงานเหมือนกับที่ใช้กับ Pusher ทุกประการ สร้างบัญชีฟรีของคุณ →