公式パッケージ · 自動化とインフラ

リアルタイム画面、プレゼンス、承認のための 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 要素はすべて 1 本の接続を共有するので、訪問者 1 人はプランの接続数で 1 と数えます。

ダッシュボードのアプリキーを使ってください。シークレットはサーバー側だけに置きます。チャンネル、イベント、認可エンドポイントは Pusher とまったく同じように動作します。無料でアカウントを作成 →