Pusher là gì

  -  
Xin chào chúng ta, tuần này bản thân vẫn viết một bài về phong thái cách xử lý Real Time(thời hạn thực) cùng với Laravel và Pusher, sau bài bác này những bạn có thể hiểu được cái base cơ bạn dạng cùng sau đó phát triển tiếp lên như thể viết tác dụng phản hồi tốt là tính năng chat real time…..v..v.quý khách đang xem: 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 EchoPusher 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

– Code Route & Controller

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 View

Sau 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: