Cập nhật. Kể từ tháng 7 năm 2020, Pusher đã cung cấp thông báo web trên API Beams. Tìm hiểu thêm về cách bắt đầu nhanh chóng với Beams cho Web
Khi xây dựng các ứng dụng web, không có gì lạ khi tìm thấy một số loại hệ thống thông báo trong ứng dụng sẽ thông báo cho bạn ngay lập tức khi ai đó thực hiện một hành động liên quan đến bạn hoặc tài khoản của bạn. Trên Facebook, bạn sẽ được thông báo khi ai đó thích trạng thái của bạn hoặc khi ai đó nhận xét về hồ sơ của bạn. Chúng tôi sẽ nhân rộng tính năng này bằng cách tạo một hệ thống thông báo web bằng Laravel và Pusher Channels
Những gì chúng ta sẽ xây dựng
Sau hướng dẫn này, chúng tôi sẽ trình bày cách chúng tôi có thể có một ứng dụng web nhỏ hiển thị thông báo bằng cách sử dụng Laravel và Pizer. Nó sẽ tương tự như cách các trang web như Facebook hiển thị thông báo. Đây là bản xem trước của những gì chúng tôi sẽ xây dựng
Thiết lập ứng dụng Pizer của bạn
Tạo một tài khoản Pusher, nếu bạn chưa có, sau đó thiết lập ứng dụng của bạn như trong ảnh chụp màn hình bên dưới
Thiết lập ứng dụng Laravel của bạn
Bạn có thể tạo một ứng dụng Laravel mới bằng cách chạy lệnh bên dưới trong thiết bị đầu cuối của mình
laravel new laravel-web-notifications
Sau đó, chúng ta sẽ cần cài đặt Pusher PHP SDK, bạn có thể thực hiện việc này bằng Trình soạn thảo bằng cách chạy lệnh bên dưới
composer require pusher/pusher-php-server
Khi Composer hoàn tất, chúng ta sẽ cần định cấu hình Laravel để sử dụng Pusher làm trình điều khiển quảng bá của nó, để thực hiện việc này, hãy mở tệp .env
nằm trong thư mục gốc của bản cài đặt Laravel của bạn. Cập nhật các giá trị tương ứng với cấu hình bên dưới
PUSHER_APP_ID=322700
BROADCAST_DRIVER=pusher
// Get the credentials from your pusher dashboard
PUSHER_APP_ID=XXXXX
PUSHER_APP_KEY=XXXXXXX
PUSHER_APP_SECRET=XXXXXXX
Lưu ý quan trọng. Nếu bạn đang sử dụng Cụm EU hoặc AP, hãy đảm bảo cập nhật mảng tùy chọn trong cấu hình
0 của bạn vì Laravel mặc định sử dụng Máy chủ Hoa Kỳ. Bạn có thể sử dụng tất cả các tùy chọn mà Thư viện Pusher PHP hỗ trợcomposer require pusher/pusher-php-server
Mở
composer require pusher/pusher-php-server
1 và bỏ ghi chú composer require pusher/pusher-php-server
2Tạo ứng dụng Laravel và Pusher của chúng tôi
Bây giờ chúng ta đã hoàn tất cấu hình, hãy tạo ứng dụng của mình. Trước tiên, chúng tôi sẽ tạo một lớp
composer require pusher/pusher-php-server
3 sẽ phát tới Pusher từ ứng dụng Laravel của chúng tôi. Sự kiện có thể được kích hoạt từ bất cứ đâu trong ứng dụngphp artisan make:event StatusLiked
Thao tác này sẽ tạo một lớp
composer require pusher/pusher-php-server
4 mới trong thư mục composer require pusher/pusher-php-server
5. Mở nội dung của tệp và cập nhật như bên dưới