Pusher Là Gì
Những văn bản có vào bài xích này:
Giới thiệu về Pusher và LaravelCấu hình Laravel liên kết với PusherTạo một App trên PusherCài đặt Laravel, config cho tới Pusher App vừa tạo.Bạn đang xem: Pusher là gì
Viết code xử lý real timeCode EventsCode Route và ControllerCode View1 – Giới thiệu về Pusher và Laravel
Về Laravel thì mình sẽ không nói các trong bài xích này, bởi nó là một trong Framework thiết kế web hơi nổi tiếng, các bạn làm sao chưa biết thì rất có thể liếc qua bài bác này:
Tổng Quan Về Laravel Một Framework Khá Mạnh Mẽ
Còn về Pusher, có thể nói rằng nó là một hình thức bên trang bị 3 mà hỗ trợ cho người dùng một server ảo làm cho trung gian để cách xử trí những tài liệu được thử khám phá trong thời gian thực.

2 – Cấu hình Laravel kết nối mang lại Pusher
Việc thứ nhất chúng ta yêu cầu là đăng ký một thông tin tài khoản trên Pusher, điều này nkhô hanh thôi, ĐK bởi G+ hay Github phần đông được cả.
Xem thêm: Tải Game Ninja Báo Thù Cho Android Cho Điện Thoại, Tenchu: Stealth Assassins (Ninja Báo Thù)

– Tạo dứt app, chúng ta tích quý phái tab App Keys cùng lưu ý mấy biết tin app_id, key, secret, cluster, lát nữa chúng ta đang sử dụng phần đông thông số này để cấu hình vào project Laravel.
Bước tiếp theo ta phải là sinh sản project Laravel cùng cấu hình cùng với App vừa sản xuất. Làm theo lần lượt quá trình bên dưới đây:
– Tạo một project Laravel bắt đầu thông qua Composer, phiên bản hiện thời mình áp dụng là Laravel 5.4:composer create-project --prefer-dist laravel/laravel demo-real-time-app
– Cài đặt gói tlỗi viện Pusher PHP:composer require pusher/pusher-php-server
– Cài đặt Javascript dependencies:npm install
– Cài đặt 2 tlỗi viện javascript quan trọng mang đến câu hỏi xử lý sự khiếu nại thời gian thực sẽ là Laravel Echo và Pusher JS:npm install --save laravel-emang đến pusher-js
– Msinh hoạt tệp tin .env vào project Laravel, kéo xuống ở đầu cuối, chúng ta cần sử dụng hầu hết thông báo vào App Keys nghỉ ngơi bên trên nhằm cấu hình trong này:
PUSHER_APP_ID=YOUR_APP_IDPUSHER_APP_KEY=YOUR_APP_KEYPUSHER_APP_SECRET=YOUR_APP_SECRET– Và cũng trong file .env sửa dòng BROADCAST_DRIVER=log thành BROADCAST_DRIVER=pusher
BROADCAST_DRIVER=pusher
– Tiếp tục msinh sống file config/app.php, tìm về dòng AppProvidersBroadcastServiceProvider::class, mẫu này ban đầu đang được bình luận lại, chúng ta quăng quật phản hồi nó đi để rất có thể làm việc được với Broadcast.– Sau kia kéo xuống dưới cùng thêm mẫu sau vào thời điểm cuối mảng aliases:
"Pusher" => PusherPusher::class,

– Mnghỉ ngơi tệp tin config/broadcasting.php, thêm 2 dòng dưới đây vào option array trong mục thông số kỹ thuật pusher để xác định location và mã hóa dữ liệu trên phố truyền:
"cluster" => "ap1","encrypted" => true

– Bước thông số kỹ thuật sau cùng, chúng ta mnghỉ ngơi file bootstrap.js trong tlỗi mục resources/assets/js/, kéo xuống bên dưới thuộc và vứt phản hồi đoạn code sau đây, bên cạnh đó điền pusher-app-key của người sử dụng vào:

3 – Viết code giải pháp xử lý real time– Code Event:
Thứ nhất, bọn họ nên sản xuất một event mới, bản thân ví dụ tạo thành một event có tên là DemoPusherEvent:
php artisan make:sự kiện DemoPusherEvent
Lúc kia, một tệp tin DemoPusherEvent.php được sinh sản vào thư mục app/Events, bản thân sẽ viết code cho nó nhỏng sau:
message = $message; } /** * Get the channels the event should broadcast on. * * return Channel|array */ public function broadcastOn() return new Channel("channel-demo-real-time"); }Lưu ý là họ cần implements ShouldBroadcast để hoàn toàn có thể sử dụng được Event Broadcasting với vào function broadcastOn() ta thực hiện Chanel cố kỉnh vị PrivateChanel.
Xem thêm: Xem Trang Phục Ashe Mũi Tên Tình Ái / Liên Minh Huyền Thoại Trang Phục
Quý khách hàng vào file routes/website.php và thêm 2 route này vào:
Tạo file controller FrontEndController.php:
php artisan make:controller FrontEndController
Nội dung file FrontEndController.php như sau:
– Code ViewSau Khi vẫn gồm route cùng controller, mình sẽ tạo một tệp tin demo-pusher.blade.php vào thỏng mục resources/views/ nhằm hiển thị nội dung của message vào thời hạn thực.
Demo Pusher - Trung Quân Laravel và Pusher: Demo real-time website application. Author: https://viviancosmetics.vn/ Message preview: