executable/laravel-livewire-beacon

Beacon 允许 Livewire 使用 WebSocket 通信。

0.2.0 2024-07-06 07:50 UTC

This package is auto-updated.

Last update: 2024-09-26 03:11:07 UTC


README

警告 此项目目前处于实验阶段,请在生产环境中自行承担风险。

Latest Version on Packagist GitHub Tests Action Status GitHub Code Style Action Status Total Downloads

Livewire Beacon 允许 Livewire 使用 WebSocket 通信,显著提高用户体验并启用更多功能。

没有 Livewire Beacon

当 Livewire 等待每个 UI 交互的完整服务器往返时,慢速或不稳定的连接会导致用户体验下降。

Livewire - Throttled Slow 3G

使用 Livewire Beacon

即使被限制,持久的 WebSocket 连接也能实现更快的响应时间,从而创造更好的用户体验。

Livewire Beacon - Throttled Slow 3G

要求

此包提供了一个薄层,位于 Laravel LivewireLaravel Reverb 之上,作为核心要求。

  • Laravel Livewire 已安装 (文档)
  • Laravel Reverb 已安装 (文档)
  • Laravel Echo 已安装并在前端提供服务 (文档)

安装

您可以通过 composer 安装此包

composer require executable/laravel-livewire-beacon

接下来,编辑您的应用程序布局以包含 Beacon JavaScript 资产。最佳做法是在关闭 body 标签之前添加 Blade 指令 @livewireBeaconScripts

<!-- resources/views/layouts/app.blade.php -->

    @livewireBeaconScripts
</body>

</html>

配置

Livewire Beacon 设计为无需进一步配置即可无缝工作。

如果您想修改此包的一些内部行为,可以使用以下命令发布配置文件:

php artisan vendor:publish --tag="laravel-livewire-beacon-config"

使用

就是这样!继续像平常一样使用 Livewire,并享受显著的性能提升。

测试

composer test

变更日志

请参阅 变更日志 以获取有关最近更改的更多信息。

贡献

请参阅 贡献指南 以获取详细信息。

安全漏洞

请参阅 我们的安全策略 了解如何报告安全漏洞。

致谢

许可

MIT 许可证 (MIT)。有关更多信息,请参阅 许可文件