服务端库

用 Laravel 实现实时 WebSocket

服务端用 Laravel Broadcasting，浏览器端用 Laravel Echo，无需修改代码。

登录后，示例代码会自动填入您的集群主机。 登录

使用 AI 编程智能体？ 复制 Agent 提示词 ↓

  1. 安装

    composer require pusher/pusher-php-server
npm install --save-dev laravel-echo pusher-js

  2. 设置应用凭据

    BROADCAST_CONNECTION=pusher
PUSHER_APP_ID=YOUR_APP_ID
PUSHER_APP_KEY=YOUR_APP_KEY
PUSHER_APP_SECRET=YOUR_APP_SECRET
PUSHER_HOST=ws.hibira.io
PUSHER_PORT=443
PUSHER_SCHEME=https
PUSHER_APP_CLUSTER=ap

VITE_PUSHER_APP_KEY="${PUSHER_APP_KEY}"
VITE_PUSHER_HOST="${PUSHER_HOST}"
VITE_PUSHER_PORT="${PUSHER_PORT}"
VITE_PUSHER_SCHEME="${PUSHER_SCHEME}"

  3. 配置客户端

    // resources/js/echo.js
import Echo from 'laravel-echo';
import Pusher from 'pusher-js';
window.Pusher = Pusher;

window.Echo = new Echo({
  broadcaster: 'pusher',
  key: import.meta.env.VITE_PUSHER_APP_KEY,
  cluster: 'ap',
  wsHost: import.meta.env.VITE_PUSHER_HOST,
  wsPort: import.meta.env.VITE_PUSHER_PORT,
  wssPort: import.meta.env.VITE_PUSHER_PORT,
  forceTLS: import.meta.env.VITE_PUSHER_SCHEME === 'https',
  enabledTransports: ['ws', 'wss'],
});

window.Echo.private('orders.' + orderId)
  .listen('OrderShipped', (e) => console.log(e.order));

  4. 发布事件

    // Any event that implements ShouldBroadcast
OrderShipped::dispatch($order);

Agent 提示词

将这段提示词粘贴到 Claude Code、Cursor、GitHub Copilot 或其他 AI 编程智能体，它会按照上方的设置，把 Hibira 接入您的 Laravel 项目。

请将 YOUR_APP_KEY 等占位符替换为控制台中的值，或让智能体保留为环境变量，之后再自行填写。

或连接 Hibira MCP 服务器，让代理自行创建应用并填入凭据。 连接您的 AI 编程代理 →

请使用控制台中的应用密钥（key 与 secret）。频道、事件与授权端点的用法与 Pusher 完全相同。 库参考文档 ↗