Chatify merupakan sebuah paket yang mampu membuat sebuah real time chat apps menggunakan laravel tanpa perlu kita buat sendiri dari awal, paket ini bisa kita terapkan didalam project baru / yang sudah ada.
Oke langsung aja kita coba untuk install Chatify di project laravel kita.
Langkah - 1 Registrasi akun pusher
Silahkan buka search engines teman - teman kemudian buka webiste Pusher, setelah berhasil masuk webiste pusher akan tampil seperti gambar dibawah :
Selanjutnya teman - teman bisa melakukan sign up pada website tersebut, setelah berhasil akan tampil seperti gambar dibawah :
Kemudian teman - teman bisa pilih bagian channels kemudian klik Get Started, setelah itu teman - teman bisa isikan seperti gambar dibawah :
Setelah berhasil teman - teman akan di arahkan ke dashboard dari app yang teman - teman buat sebelumnya
kemudian teman - teman bisa masuk ke menu App Settings yg berada pada pojok kiri bawah, Pada menu app settings teman - teman bisa aktifkan fitur Enable client events seperti gambar dibawah
Langkah - 2 Instalasi Chatify pada aplikasi laravel
Silahkan teman - teman buka terminal/CMD yang sudah pada posisi direktori laravel-chat kemudian ketikan perintah
composer require munafio/chatify
, tunggu sampai Instalasi berhasil dilakukan, pastikan teman - teman terkoneksi dengan jaringan internet
Setelah berhasil terinstall, teman - teman bisa ketikan perintah php artisan chatify:install
pada terminal/CMD teman - teman, perintah di atas akan mengenerate beberapa konfigurasi yang diperlukan seperti :
- publish beberapa aset (config, views, assets, models, migrations)
- membuatkan storage symlink
Ketika konfigurasi berhasil di generate, teman - teman bisa melanjutkan mengetikan perintah php artisan migrate:fresh
Langkah - 3 Konfigurasi Chatify
Setelah berhasil melakukan 2 tahapan sebelumnya teman - teman bisa melanjutkan dengan membuka config/chatify.php
pada aplikasi laravel-chat
Kemudian silahkan copy beberapa konfigurasinya dan kita akan meletakannya pada file .env
kita, disini saya akan copy sesuai kebutuhan saja seperti di bawah ini :
CHATIFY_NAME // untuk nama chatnya
CHATIFY_ROUTES_PREFIX // prefix url
// dibawah ini wajib di copy agar chat bisa berjalan
PUSHER_APP_KEY
PUSHER_APP_SECRET
PUSHER_APP_ID
PUSHER_APP_CLUSTER
Setelah berhasil melakukan copy konfigurasinya silahkan teman - teman paste di file .env
, seperti gambar dibawah ini
Kemudian teman - teman bisa isikan seperti konfigurasi tersebut sesuai keinginan teman - teman
CHATIFY_NAME="Chat"
CHATIFY_ROUTES_PREFIX="Chat"
Untuk konfigurasi pushernya teman - teman bisa buka kembali website Pusher, kemudian pada menu menu dashboard silahkan pilih App keys seperti gambar dibawah, kemudian copy semua konfigurasinya
Setelah berhasil di copy teman - teman bisa paste di .env
dan silahkan paste di
PUSHER_APP_KEY= paste keynya
PUSHER_APP_SECRET= paste secret
PUSHER_APP_ID= paste app_id
PUSHER_APP_CLUSTER= paste cluster
Yang terakhir kita harus merubah isi file .env
yang awalnya APP_URL=http://localhost
menjadi APP_URL=http://127.0.0.1:8000
Membangun Aplikasi Inventory Dengan Laravel & Tailwind CSS: https://santrikoding.com/ebook/membangun-aplikasi-inventory-dengan-laravel-tailwind-css?ref=8659VS4962