Laravel开发：怎样使用Laravel Echo和Pusher实现WebSockets通讯？
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通讯？的详细内容 ，更多请关注本网内其它相关文章！
