Tutorial Membuat Aplikasi Chat Realtime dengan Laravel #2: Installasi Chatify


Tutorial Membuat Aplikasi Chat Realtime dengan Laravel #2: Installasi Chatify

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 :

pusher

Selanjutnya teman - teman bisa melakukan sign up pada website tersebut, setelah berhasil akan tampil seperti gambar dibawah :

pusher

Kemudian teman - teman bisa pilih bagian channels kemudian klik Get Started, setelah itu teman - teman bisa isikan seperti gambar dibawah :

Imgur

Setelah berhasil teman - teman akan di arahkan ke dashboard dari app yang teman - teman buat sebelumnya

Imgur

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

Imgur

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

Imgur

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

Imgur

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

Imgur

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

Imgur

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


Rafi Taufiqurrahman
Sebaik baiknya manusia adalah yang bermanfaat bagi orang lain.

Suka dengan tulisan di SantriKoding? Kamu bisa memberikan dukungan dengan berdonasi atau bagikan konten ini di sosial media. Terima kasih atas dukungan Anda!

KEBIJAKAN KOMENTAR

Saat memberikan komenatar silahkan memberikan informasi lengkap tentang error, seperti: screenshot, link kode, dll. Baca aturan komentar kami