用戶端函式庫

用 JavaScript 實作即時 WebSocket

使用官方 pusher-js 函式庫,支援瀏覽器、React、Vue 與 React Native。

登入後,範例程式碼會自動帶入您的叢集主機。 登入

使用 AI 程式開發代理? 複製 Agent 提示詞 ↓

  1. 安裝

    npm install pusher-js
  2. 訂閱頻道

    import Pusher from 'pusher-js';
    
    const pusher = new Pusher('YOUR_APP_KEY', {
      cluster: 'ap',
      wsHost: 'ws.hibira.io',
      wsPort: 443,
      wssPort: 443,
      forceTLS: true,
      enabledTransports: ['ws', 'wss'],
      // Private and presence channels
      channelAuthorization: { endpoint: '/broadcasting/auth', transport: 'ajax' },
    });
    
    const channel = pusher.subscribe('orders');
    channel.bind('order-shipped', (data) => {
      console.log('Order shipped', data);
    });

Agent 提示詞

將這段提示詞貼到 Claude Code、Cursor、GitHub Copilot 或其他 AI 程式開發代理,它會依照上方的設定,把 Hibira 串接到您的 JavaScript 專案。

請將 YOUR_APP_KEY 等預留位置換成儀表板中的值,或讓代理保留為環境變數,之後再自行填入。

或連接 Hibira MCP 伺服器,讓代理自行建立應用程式並填入憑證。 連接您的 AI 程式開發代理 →

請使用儀表板中的應用程式金鑰與密鑰。頻道、事件與授權端點的用法和 Pusher 完全相同。 函式庫說明文件 ↗