Thông báo

Wave tận dụng hệ thống Thông báo Laravel mặc định và cung cấp cho bạn giao diện người dùng trang nhã để hiển thị các thông báo đó trong ứng dụng của bạn.


Khi nào sử dụng Thông báo

Khi nào sử dụng thông báo trong ứng dụng của bạn sẽ tùy thuộc vào bạn. Đây là vài ví dụ:

  1. Thông báo cho người dùng trong một cuộc thảo luận trên diễn đàn khi một phản hồi mới được thêm vào.
  2. Thông báo cho người dùng khi ai đó theo dõi họ.
  3. Thông báo cho người dùng khi ai đó gửi tin nhắn cho họ.

Bạn có được ý tưởng chung phải không? Bạn là người tạo và bạn có thể quyết định loại thông báo mà người dùng của bạn sẽ nhận được.

Tạo thông báo

Chúng tôi đã xây dựng các thông báo Wave bên trên các thông báo Laravel mặc định, rất đơn giản để sử dụng và dễ thực hiện.

Nếu bạn chưa xem tài liệu về thông báo của Laravel, hãy xem tài liệu chính thức tại laravel.com/docs/notifications

Chúng tôi có thể tạo một thông báo mới bằng cách chạy lệnh thủ công sau:

php artisan make:notification TestNotification

Bạn sẽ thấy một tệp mới tại:/app/Notifications/TestNotification . Cuộn xuống nơi bạn thấy:

public function via($notifiable)
{
    return ['mail'];
}

và thay đổi điều này thành:

public function via($notifiable)
{
    return ['database'];
}

Sau đó cuộn xuống nơi bạn thấy:

public function toArray($notifiable)
{
    return [
        //
    ];
}

Và thay thế nó bằng:

public function toArray($notifiable)
{
    return [
        'title' => 'My Title Here',
        'icon' => '/storage/users/default.png',
        'body' => 'This is the body content of the notification... Yada yada yada',
        'link' => 'https://google.com'
    ];
}

Tiếp theo, hãy tạo một vài thông báo. Chúng ta có thể làm điều này bằng cách sử dụngtinker yêu cầu:

php artisan tinker

Bên trong lệnh tinker, bạn sẽ muốn chạy lệnh sau một vài lần:

App\User::find(1)->notify(new App\Notifications\TestNotification);

Sau khi bạn đã chạy lệnh đó, hãy chuyển sang tìm hiểu cách người dùng có thể xem các thông báo đó:

Xem thông báo

Đăng nhập vào ứng dụng với người dùng quản trị và truy cập bất kỳ trang nào trong ứng dụng của bạn. Bạn sẽ nhận thấy biểu tượng chuông ở trên cùng bên phải với một con số cho biết bạn có bao nhiêu thông báo chưa đọc.

Chuông thông báo

Khi di chuột qua biểu tượng chuông, bạn sẽ thấy một menu thả xuống đẹp mắt hiển thị các thông báo hiện tại của người dùng.

Thông báo thả xuống

Ngoài ra, người dùng có thể nhấp vàoView All Notifications ở cuối trình đơn thả xuống và họ sẽ được đưa đến trang thông báo, nơi họ có thể xem tất cả các thông báo của mình.