公式パッケージ · フレームワーク

Laravel 向け Hibira Live Chat

Blade コンポーネント 1 つで Laravel サイトに Hibira Live Chat のウィジェットを置き、サインイン中のユーザーは本人としてチャットできます。名前とメールアドレスは署名付きで受信箱に届くので、他人がなりすますことはできません。

Packagist のバージョンライセンス

hibira-io/laravel-live-chatPackagist ↗GitHub ↗

最速の方法：Hibira プラグインとプロンプト 1 つ

AI コーディングエージェントにプラグインを入れて、プロンプトを貼り付けるだけ。エージェントがサインインし、必要なら無料アプリを作成し、コードを書いてテストイベントを送ります。 GitHub ↗

  1. プラグインをインストール

    claude plugin marketplace add hibira-io/agent-plugin
claude plugin install hibira@hibira

  2. このプロンプトを貼り付け

    Add Hibira Laravel Live Chat (hibira-io/laravel-live-chat) to this project.
Follow https://hibira.io/guides/laravel-live-chat, adapted to how this project is already set up.
If I have no Hibira app yet, create a Free one that allows http://localhost so I can test right away.
Keep the app key and secret in environment variables, add placeholders to .env.example, and never commit real values or send the secret to a browser.
When you are done, send a test event, show me it arriving, and list the files you changed.

自分で設定したい場合 以下の手順です：

  1. インストール
  2. 使う

他の AI ツールとプラグインの中身 →

  • レイアウトに <x-hibira-live-chat /> を置くか、InjectLiveChat ミドルウェアでビューに手を入れずに全ページへ追加できます。
  • サインイン中のユーザーは ID の HMAC で識別されるので、受信箱に誰なのかが表示され、会話は端末をまたいで引き継がれます。
  • 自分のボタンや #hibira-live-chat リンクからチャットを開けます。ゲートでページごとやスタッフには非表示にでき、wire:navigate をまたいでも開いたままです。

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

  1. インストール

    composer require hibira-io/laravel-live-chat
php artisan hibira:live-chat --workspace=ws_YOUR_WORKSPACE

  2. 使う

    {{-- resources/views/layouts/app.blade.php, before </body> --}}
<x-hibira-live-chat />

<x-hibira-live-chat-open topic="sales">Talk to sales</x-hibira-live-chat-open>

始める前に

  • ワークスペース ID は Live Chat コンソールで確認し、アイデンティティシークレットは「設定」の「認証済みの訪問者」で作成してください。アイデンティティシークレットはサーバーにだけ置きます。
  • php artisan hibira:live-chat --check で、ワークスペースが存在し APP_URL が許可されているかを確認できます。

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