クライアントライブラリ

JavaScript でリアルタイム WebSocket

公式の pusher-js ライブラリで、ブラウザ、React、Vue、React Native に対応。

サインインすると、コード例にご自身のクラスターホストが入ります。 サインイン

AI コーディングエージェントをお使いですか？ エージェント用プロンプトをコピー ↓

  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);
});

エージェント用プロンプト

Claude Code、Cursor、GitHub Copilot などの AI コーディングエージェントに貼り付けると、上記の設定で Hibira をご自身の JavaScript プロジェクトに組み込みます。

YOUR_APP_KEY などのプレースホルダーはダッシュボードの値に置き換えてください。エージェントに環境変数として残させ、後から入力することもできます。

または Hibira MCP サーバーを接続すると、エージェントがアプリの作成と認証情報の設定まで自分で行います。 AI コーディングエージェントを接続 →

ダッシュボードのアプリキーとシークレットを使ってください。チャンネル、イベント、認可エンドポイントは Pusher とまったく同じように動作します。 ライブラリリファレンス ↗