https://github.com/alirfanyasin/laravel-websocket
Hasil belajar mengenai websocket menggunakan laravel 10
https://github.com/alirfanyasin/laravel-websocket
laravel laravel-framework laravel-websockets website websocket
Last synced: about 1 month ago
JSON representation
Hasil belajar mengenai websocket menggunakan laravel 10
- Host: GitHub
- URL: https://github.com/alirfanyasin/laravel-websocket
- Owner: alirfanyasin
- Created: 2023-05-10T15:02:23.000Z (about 3 years ago)
- Default Branch: master
- Last Pushed: 2023-05-10T15:43:37.000Z (about 3 years ago)
- Last Synced: 2025-05-30T17:53:06.095Z (about 1 year ago)
- Topics: laravel, laravel-framework, laravel-websockets, website, websocket
- Language: PHP
- Homepage:
- Size: 93.8 KB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Laravel Websocket
WebSocket adalah teknologi canggih untuk membuat koneksi antara klien dan server (browser dan server) dan memungkinkan komunikasi antara mereka secara real-time. Perbedaan utama dengan WebSocket adalah memungkinkan Anda menerima data tanpa harus mengirim permintaan terpisah, seperti yang terjadi di HTTP. Setelah koneksi terjalin, data akan datang dengan sendirinya tanpa perlu mengirim request. Ini adalah keuntungan menggunakan protokol WebSocket dalam obrolan atau laporan stok, di mana Anda perlu menerima informasi yang terus diperbarui. Protokol dapat menerima dan mengirim informasi secara bersamaan, memungkinkan komunikasi dua arah dupleks penuh, yang menghasilkan pertukaran informasi yang lebih cepat.
Sedangkan laravel adalah sebuah framework yang digunakan untuk menjalankan websocket tersebut.
## Install Laravel
```
composer create-project laravel/laravel example-app
```
## Install Websocket
Dokumentasi lengkapnya silahkan klik link [ini](https://beyondco.de/docs/laravel-websockets/getting-started/introduction)
```
composer require beyondcode/laravel-websockets
```
Atau
```
composer require beyondcode/laravel-websockets --with-all-dependencies
```
Opsi ini akan mengizinkan composer untuk meng-upgrade, meng-downgrade, atau menghapus paket lain yang mungkin bertentangan dengan dependensi yang ada.
### Install Package
Install Service Provider Migration
```
php artisan vendor:publish --provider="BeyondCode\LaravelWebSockets\WebSocketsServiceProvider" --tag="migrations"
```
Buat database di PhpMyAdmin, Konfigurasi file `.env` untuk mengubah nama databsenya
```php
DB_CONNECTION=mysql
DB_HOST=127.0.0.1
DB_PORT=3306
DB_DATABASE=nama_database
DB_USERNAME=root
DB_PASSWORD=
```
Jalankan migrasi
```
php artisan migrate
```
Install Service Provider Config
```
php artisan vendor:publish --provider="BeyondCode\LaravelWebSockets\WebSocketsServiceProvider" --tag="config"
```
Configurasi phuser di file `.env` dengan menggunakan `ID, KEY, SECRET, HOST` sembarang saja, `PORT=6001` dan `SCHEME=http`
```php
PUSHER_APP_ID=testwebsocket
PUSHER_APP_KEY=DNndkshs
PUSHER_APP_SECRET=123
PUSHER_HOST=localhost
PUSHER_PORT=6001
PUSHER_SCHEME=http
PUSHER_APP_CLUSTER=mt1
```
Install Phuser
```
composer require pusher/pusher-php-server
```
Atur `BROADCAST_DRIVER` di dalam file `.env`
```
BROADCAST_DRIVER=pusher
```
Ini adalah konten default dari file konfigurasi yang akan dipublikasikan sebagai `config/websocket.php`:
```php
'apps' => [
[
'id' => env('PUSHER_APP_ID'),
'name' => env('APP_NAME'),
'key' => env('PUSHER_APP_KEY'),
'secret' => env('PUSHER_APP_SECRET'),
'enable_client_messages' => false,
'enable_statistics' => true,
],
],
```
Ini adalah konten default dari file konfigurasi yang ada di `config/broadcasting.php`
```php
'pusher' => [
'driver' => 'pusher',
'key' => env('PUSHER_APP_KEY'),
'secret' => env('PUSHER_APP_SECRET'),
'app_id' => env('PUSHER_APP_ID'),
'options' => [
'host' => env('PUSHER_HOST') ?: 'api-'.env('PUSHER_APP_CLUSTER', 'mt1').'.pusher.com',
'port' => env('PUSHER_PORT', 443),
'scheme' => env('PUSHER_SCHEME', 'https'),
'encrypted' => true,
'useTLS' => env('PUSHER_SCHEME', 'https') === 'https',
],
'client_options' => [
// Guzzle client options: https://docs.guzzlephp.org/en/stable/request-options.html
],
],
```
## Debug Websocket
Route default untuk debug websokect `/laravel-websockets`
```
http://127.0.0.1:8000/laravel-websockets
```