Pusher là gì

  -  
Xin kính chào các bạn, tuần này bản thân vẫn viết một bài về phong thái cách xử trí Real Time(thời gian thực) với Laravel cùng Pusher, sau bài bác này các bạn có thể đọc được dòng base cơ bạn dạng và tiếp đến cách tân và phát triển tiếp lên như thể viết tính năng phản hồi tuyệt là chức năng chat real time…..v..v.Bạn đang xem: Pusher là gì

Những câu chữ tất cả trong bài bác này:

Giới thiệu về Pusher và LaravelCấu hình Laravel liên kết cùng với PusherTạo một App bên trên PusherCài đặt Laravel, config tới Pusher App vừa chế tác.

Bạn đang xem: Pusher là gì

Viết code xử lý real timeCode EventsCode Route & ControllerCode View1 – Giới thiệu về Pusher cùng Laravel

Về Laravel thì mình sẽ không còn nói nhiều trong bài bác này, bởi nó là một trong Framework lập trình web khá danh tiếng, bạn như thế nào chưa chắc chắn thì hoàn toàn có thể xem qua bài xích này:

Tổng Quan Về Laravel Một Framework Khá Mạnh Mẽ

Còn về Pusher, có thể nói nó là một các dịch vụ bên sản phẩm 3 cơ mà cung cấp cho người dùng một VPS ảo làm cho trung gian nhằm cách xử lý các dữ liệu được trải nghiệm vào thời hạn thực.


*

2 – Cấu hình Laravel kết nối cho Pusher

Việc đầu tiên chúng ta bắt buộc là ĐK một thông tin tài khoản bên trên Pusher, đặc điểm này nkhô hanh thôi, đăng ký bởi G+ hay Github các được cả.

Xem thêm: Âm Dương Sư: Hướng Dẫn Yêu Đao Cơ Âm Dương Sư : Hướng Dẫn Yêu Đao Cơ Yoto Hime


*

– Tạo kết thúc ứng dụng, bạn tích sang trọng tab App Keys cùng xem xét mấy biết tin app_id, key, secret, cluster, lát nữa họ đã sử dụng phần nhiều thông số kỹ thuật này nhằm thông số kỹ thuật vào project Laravel.

Bước tiếp theo ta đề nghị là chế tạo project Laravel và thông số kỹ thuật cùng với App vừa tạo nên. Làm theo lần lượt các bước bên dưới đây:

Tạo một project Laravel new thông qua Composer, phiên bạn dạng hiện giờ bản thân thực hiện 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 cần thiết mang đến bài toán cách xử lý sự kiện thời hạn thực đó là Laravel EchoPusher JS:npm install --save sầu laravel-echo pusher-js

– Mngơi nghỉ tệp tin .env vào project Laravel, kéo xuống ở đầu cuối, chúng ta sử dụng phần đa đọc tin trong App Keys làm việc trên nhằm thông số kỹ thuật vào 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 hoạt file config/app.php, tìm tới dòng AppProvidersBroadcastServiceProvider::class, loại này lúc đầu đang được phản hồi lại, họ bỏ bình luận nó đi để có thể làm việc được cùng với Broadcast.– Sau kia kéo xuống bên dưới với thêm dòng sau vào thời điểm cuối mảng aliases:

"Pusher" => PusherPusher::class,

*

 

– Msống file config/broadcasting.php, thêm 2 chiếc tiếp sau đây vào option array trong mục thông số kỹ thuật pusher để khẳng định location và mã hóa dữ liệu trên đường truyền:

"cluster" => "ap1","encrypted" => true

*

– Bước cấu hình ở đầu cuối, bạn msinh hoạt file bootstrap.js vào thư mục resources/assets/js/, kéo xuống dưới thuộc với quăng quật phản hồi đoạn code dưới đây, mặt khác điền pusher-app-key của người sử dụng vào:


*

3 – Viết code cách xử trí real time– Code Event:

Trước tiên, bọn họ buộc phải sản xuất một event new, mình ví dụ tạo thành một event có tên là DemoPusherEvent:

php artisan make:event DemoPusherEvent

Lúc đó, một tệp tin DemoPusherEvent.php được tạo nên vào tlỗi mục app/Events, bản thân đang viết code mang lại nó như sau:

message = $message; } /** * Get the channels the sự kiện should broadcast on. * * return Channel|array */ public function broadcastOn() return new Channel("channel-demo-real-time"); }Lưu ý là bọn họ nên implements ShouldBroadcast để có thể sử dụng được Event Broadcasting với vào function broadcastOn() ta sử dụng Chanel cầm cố vày PrivateChanel.

Xem thêm: Lời Bài Hát: Còn Lại Gì Giữa Chúng Ta, Còn Gì Giữa Chúng Ta

– Code Route & Controller

Quý khách hàng vào file routes/web.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ỏng sau:

– Code View

Sau khi vẫn tất cả route cùng controller, bản thân sẽ khởi tạo một tệp tin demo-pusher.blade.php trong tlỗi mục resources/views/ nhằm hiển thị văn bản của message trong thời hạn thực.

Demo Pusher - Trung Quân Laravel và Pusher: Demo real-time web application. Author: https://vhpi.vn/ Message preview: