Laravel如何与Pusher实现实时通信?(WebSocket示例)

admin 百科 14
Laravel 配合 Pusher 实现实时通信本质是利用 Pusher 托管的 WebSocket 服务,通过 Laravel 广播机制将事件推送给 Pusher,前端用 Pusher JS SDK 或 Laravel Echo 订阅监听。

Laravel如何与Pusher实现实时通信?(WebSocket示例)-第1张图片-佛山资讯网

用 Laravel 配合 Pusher 实现实时通信,本质是借助 Pusher 托管的 WebSocket 服务,绕过自己搭建和维护 WebSocket 服务器的复杂性。Laravel 不直接处理 WebSocket 连接,而是通过事件广播机制把数据推给 Pusher,前端再通过 Pusher JS SDK 订阅频道、监听事件。

1. 安装依赖并配置广播驱动

先确保 Laravel 的广播功能已启用。修改 .env 文件,将广播驱动设为 PUSHER,并填入 Pusher 控制台获取的凭证:

BROADCAST_DRIVER=pusher
PUSHER_APP_ID=your-app-id
PUSHER_APP_KEY=your-app-key
PUSHER_APP_SECRET=your-app-secret
PUSHER_APP_CLUSTER=mt1  // 注意:不是 us2 或 eu,以控制台显示为准

登录后复制

安装官方 Pusher PHP SDK:

composer require pusher/pusher-php-server "^7.0"

登录后复制

2. 创建可广播的事件

运行命令生成事件类(比如通知用户新消息):

php artisan make:event NewMessagePosted

登录后复制

在生成的事件类中实现 ShouldBroadcast 接口,并定义 broadcastOn() 方法指定频道(如私有频道 private-chat.{roomId}),还可设置 broadcastWith() 控制发送的数据字段。

标签: php laravel js 前端 composer npm app websocket 后端 路由 win

发布评论 0条评论)

还木有评论哦,快来抢沙发吧~