Laravel开发：如何使用Laravel Echo和Pusher实现WebSockets通信？-Laravel-PHP中文网

Laravel开发：如何使用Laravel Echo和Pusher实现WebSockets通信？

PHPz

发布： 2023-06-13 17:01:38

原创

1073 人浏览过

Laravel是一个流行的PHP框架，具有高度可扩展性和高效性，它提供了很多强大的工具和库，让开发者可以快速构建高质量的Web应用程序。其中，Laravel Echo和Pusher是两个非常重要的工具，通过它们可以很容易地实现WebSockets通信，本文将详细介绍如何在Laravel应用程序中使用这两个工具。

什么是WebSockets？

WebSockets是一种具有双向通信的协议，它可以实现实时性更高、更快速的数据传输。与传统的HTTP请求相比，WebSockets可以保持连接的状态，即使没有请求或响应，也可以在客户端和服务器之间传送数据。WebSockets可以提供更好的用户体验和更高的应用程序性能，可以被用于多种实时应用场景，例如聊天应用、游戏等等。

Laravel Echo和Pusher简介

Laravel Echo是一个事件广播框架，它提供了一个简单、一致的API来让你在客户端连接实时通信通道。Echo依赖于Pusher，当Pusher无法使用时可以使用Redis作为替代方案。Pusher则是一种实时WebSockets服务，它可以帮助你轻松地将实时功能添加到应用程序中，Pusher是一种托管解决方案，它允许你将所有的WebSockets管理任务交给第三方服务，以便更好地专注于应用程序的业务逻辑。

配置Laravel Echo和Pusher

在Laravel项目中，首先需要安装Echo和Pusher，可以使用composer命令进行安装：

composer require pusher/pusher-php-server pusher/pusher-http-laravel beyondcode/laravel-websockets
npm install --save laravel-echo pusher-js

登录后复制

安装完毕之后，需要在.env文件中配置Pusher的相关信息：

PUSHER_APP_ID=your-app-id
PUSHER_APP_KEY=your-app-key
PUSHER_APP_SECRET=your-app-secret
PUSHER_APP_CLUSTER=your-app-cluster

登录后复制

然后在config/broadcasting.php文件中，配置Broadcaster为pusher：

'default' => env('BROADCAST_DRIVER', 'pusher'),

'connections' => [
    'pusher' => [
        'driver' => 'pusher',
        'key' => env('PUSHER_APP_KEY'),
        'secret' => env('PUSHER_APP_SECRET'),
        'app_id' => env('PUSHER_APP_ID'),
        'options' => [
            'cluster' => env('PUSHER_APP_CLUSTER'),
            'encrypted' => true,
        ],
    ],
],

登录后复制

使用Pusher的Laravel WebSockets运行websocket服务器

Pusher有一个开源库Laravel WebSockets，让你可以在自己的服务器上运行WebSockets服务器，从而节约成本并提高性能和灵活性。具体操作如下：

安装运行Laravel WebSockets所需的数据库表和数据
```
php artisan websocket:install
```
登录后复制
填充Laravel WebSockets所需的配置
```
php artisan websocket:publish
```
登录后复制
创建一个监听器(EventServiceProvider中)

protected $listen = [
    'AppEventsExampleEvent' => [
        'AppListenersExampleListener',
    ],
];

登录后复制

处理事件

<?php

namespace AppEvents;

use IlluminateBroadcastingInteractsWithSockets;
use IlluminateFoundationEventsDispatchable;
use IlluminateQueueSerializesModels;

class ExampleEvent
{
 use Dispatchable, InteractsWithSockets, SerializesModels;

 public $data;

 public function __construct($data)
 {
     $this->data = $data;
 }

 public function broadcastOn()
 {
     return ['test_channel'];
 }

 public function broadcastAs()
 {
     return 'example-event';
 }
}

登录后复制

然后，可以使用下面的代码推送事件：

use AppEventsExampleEvent;
use IlluminateSupportFacadesEvent;

Event::dispatch(new ExampleEvent(‘Example payload’, ‘Another example payload’));

登录后复制

如何在前端使用Laravel Echo和Pusher

前端使用Laravel Echo和Pusher非常简单，以下是一个基本的示例：

import Echo from 'laravel-echo'
import Pusher from 'pusher-js'

let pusher = new Pusher(process.env.MIX_PUSHER_APP_KEY, {
    cluster: process.env.MIX_PUSHER_APP_CLUSTER,
    encrypted: true,
})
let echo = new Echo({
    broadcaster: 'pusher',
    key: process.env.MIX_PUSHER_APP_KEY,
    cluster: process.env.MIX_PUSHER_APP_CLUSTER,
    encrypted: true,
    auth: {
        headers: {
            ‘Authorization’: ‘Bearer {access_token}’,
        },
    },
})

登录后复制

通过以上方式，我们就可以实现在Laravel应用程序中使用Laravel Echo和Pusher实现WebSockets通信。

总结

Laravel Echo和Pusher提供了非常方便、快捷的WebSockets解决方案，让我们可以快速构建高性能、实时的Web应用程序。本文中详细介绍了如何配置Laravel Echo和Pusher，并使用Pusher的Laravel WebSockets在本地搭建WebSockets服务器，同时在前端使用Laravel Echo和Pusher连接WebSockets服务器，实现实时通信能力。

以上是Laravel开发：如何使用Laravel Echo和Pusher实现WebSockets通信？的详细内容。更多信息请关注PHP中文网其他相关文章！