공식 패키지 · 자동화와 인프라

실시간 페이지, 프레즌스, 승인을 위한 Bubble 플러그인

Bubble 페이지에 Hibira Channel 요소를 놓으면 워크플로가 이벤트를 보내는 순간 화면이 바뀝니다. 새로고침도, 폴링도, API Connector 설정도 필요 없습니다. 프레즌스 채널은 누가 접속 중인지 보여 주고, 승인 기능은 워크플로가 계속되기 전에 사람이 결정하게 합니다.

Hibira Realtime (Bubble plugin)GitHub ↗

주문·작업 실시간 추적: 워크플로가 order-updated를 보내면 열려 있는 모든 상태 페이지가 한 번에 바뀝니다.
채팅과 협업: 프레즌스 채널로 접속 중인 사람을 보여 주고, 클라이언트 이벤트로 입력 중인 사람을 표시합니다.
승인: 한도를 넘는 환불은 매니저가 링크에서 승인 또는 거절을 누를 때까지 기다립니다.
프라이빗·프레즌스 채널은 Current User를 쓰는 일반 워크플로에서 인가하므로 모든 Bubble 요금제에서 동작합니다.

로그인하면 예제 코드에 내 클러스터 호스트가 채워집니다. 로그인

설치

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

이벤트 받기

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

이벤트 보내기

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

프라이빗·프레즌스 채널

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와 사용자 지정 도메인 등)을 앱의 허용 오리진에 추가하세요.
앱 시크릿은 Bubble의 비공개 플러그인 설정에 저장되고 서버 액션만 사용하며, 브라우저로는 보내지지 않습니다.
페이지의 모든 Hibira Channel 요소가 연결 하나를 함께 쓰므로, 방문자 한 명은 요금제 연결 수에서 하나로 계산됩니다.

대시보드의 앱 키를 사용하세요. 시크릿은 서버에만 둡니다. 채널, 이벤트, 인가 엔드포인트는 Pusher와 똑같이 동작합니다. 무료 계정 만들기 →