Cara Jalankan Ngrok dengan Laravel (untuk Integrasi Midtrans)

Jika kamu sedang mengembangkan fitur pembayaran Midtrans di Laravel, kamu membutuhkan URL publik agar Midtrans bisa mengirim notifikasi callback ke server lokal. Solusinya adalah Ngrok.

Di tutorial ini, kamu akan belajar cara menjalankan Ngrok untuk menghubungkan Laravel lokal dengan Midtrans secara cepat dan mudah.

🛠️ Prasyarat

Sebelum mulai, pastikan kamu sudah:

• Menjalankan Laravel secara lokal (php artisan serve)
• Menginstal Ngrok
• Memiliki akun Midtrans (mode sandbox)

1. Jalankan Laravel di Lokal

Pastikan Laravel kamu sudah berjalan di port default.

Buka terminal dan jalankan:

php artisan serve

Setelah itu, buka terminal baru:

Lalu jalankan:

npm run dev

2. Jalankan Ngrok

Buka folder proyek Laravel kamu dan jalankan aplikasi Ngrok (klik dua kali file ngrok jika menggunakan GUI).

Setelah terbuka, Akan muncul tampilan seperti ini

jalankan perintah berikut di terminal:

ngrok http http://localhost:8000

Ngrok akan menghasilkan URL publik, seperti:

Catat URL tersebut — nanti akan digunakan sebagai base URL untuk Midtrans.

Buka URL tersebut di browser dan klik Visit Site: