如何通过Laravel实现Web推送通知？使用Composer可以轻松搞定！-composer-PHP中文网

如何通过Laravel实现Web推送通知？使用Composer可以轻松搞定！

王林

发布： 2025-04-29 13:22:02

原创

961人浏览过

可以通过以下地址学习 Composer：学习地址

在开发一个需要实时通知用户的应用时，我遇到了一个问题：如何在不打扰用户的前提下，及时将重要信息推送给他们？经过一番研究和尝试，我发现使用 laravel 结合 web 推送通知是一个理想的解决方案。然而，实现这一功能并不简单，直到我找到了 laravel-notification-channels/webpush 这个包，它通过 composer 轻松地解决了我的困扰。

首先，我通过 Composer 安装了这个包：

<code>composer require laravel-notification-channels/webpush</code>

登录后复制

安装后，我按照文档的指引，对我的 User 模型进行了修改，添加了 HasPushSubscriptions trait：

<code class="php">use NotificationChannels\WebPush\HasPushSubscriptions;

class User extends Model
{
    use HasPushSubscriptions;
}</code>

登录后复制

接着，我发布了迁移文件和配置文件，并运行了迁移命令来创建必要的表：

<code>php artisan vendor:publish --provider="NotificationChannels\WebPush\WebPushServiceProvider" --tag="migrations"
php artisan migrate
php artisan vendor:publish --provider="NotificationChannels\WebPush\WebPushServiceProvider" --tag="config"</code>

登录后复制

为了确保浏览器能够正确认证，我生成了 VAPID 密钥：

<code>php artisan webpush:vapid</code>

登录后复制

这个命令会在 .env 文件中设置 VAPID_PUBLIC_KEY 和 VAPID_PRIVATE_KEY，这些密钥对于使用 Push API 是必需的。需要注意的是，如果你的应用面向 Safari 或 iOS 2023 年后的版本，还需要设置 VAPID_SUBJECT 变量，否则会收到 BadJwtToken 错误。

Zapier Agents

Zapier推出的Agents智能体，集成7000+应用程序

查看详情

接下来，我在通知类中使用了 WebPushChannel 发送推送通知：

<code class="php">use Illuminate\Notifications\Notification;
use NotificationChannels\WebPush\WebPushMessage;
use NotificationChannels\WebPush\WebPushChannel;

class AccountApproved extends Notification
{
    public function via($notifiable)
    {
        return [WebPushChannel::class];
    }

    public function toWebPush($notifiable, $notification)
    {
        return (new WebPushMessage)
            ->title('Approved!')
            ->icon('/approved-icon.png')
            ->body('Your account was approved!')
            ->action('View account', 'view_account')
            ->options(['TTL' => 1000]);
    }
}</code>

登录后复制

为了管理用户的推送订阅，我使用了 updatePushSubscription 和 deletePushSubscription 方法：

<code class="php">$user = \App\User::find(1);

$user->updatePushSubscription($endpoint, $key, $token, $contentEncoding);
$user->deletePushSubscription($endpoint);</code>

登录后复制

通过这些步骤，我成功地实现了 Web 推送通知的功能。使用 Composer 安装 laravel-notification-channels/webpush 包不仅简化了整个过程，还确保了代码的可维护性和可扩展性。它的优势在于：