Akses aplikasi localhost Laravel dengan https (ngrok) - Irman Firmansyah

Cara akses aplikasi localhost Laravel dengan protokol HTTPS dan bisa diakses dari banyak device termasuk HP

Bisa untuk testing aplikasi saat development yang membutuhkan protokol HTTPS atau untuk demo cepat dan bisa diakses siapa saja tapi aplikasinya masih di localhost

Download ngrok

Sign up akun untuk mendapatkan authtoken

Jalankan perintah ini untuk menambahkan authtoken nya

ngrok config add-authtoken <token>

Jika ngrok tidak dikenali, tambahkan dulu ke Path nya di Environment Variable

Jalankan Laravel seperti biasa

php artisan serve

Jalankan ngrok

ngrok http 8000

• 8000 adalah port default dari Laravel

ngrok akan menampilkan forwarding URL yang bisa diakses contoh: https://015ff9cde843.ngrok-free.app

Tambahkan URL tersebut ke APP_URL dari file .env Laravel

APP_URL=https://015ff9cde843.ngrok-free.app

Aplikasi bisa diakses dari alamat tersebut dan akan terus online selama terminal Laravel dan ngrok nya dijalankan, jika mati maka akan expired, dan setiap menjalankan ngrok http akan generate URL baru (bisa menggunakan URL tetap kalau bayar, kalau gratis pasti akan dapat URL random terus)

Setelah diakses akan tampil informasi bahwa URL tersebut dari ngrok, klik saja tombol Visit Site untuk lanjut menampilkan aplikasinya

Di aplikasi Laravel nya mungkin akan ada beberapa yang gak jalan karena masalah https. Kalau yang saya alami adalah beberapa URL hasil dari route masih menggunakan http sementara yang diakses adalah https.

Tambahkan script ini di app\Providers\AppServiceProvider.php di bagian boot()

if (request()->header('x-forwarded-proto') === 'https') {
    URL::forceScheme('https');
}

• Script tersebut akan memaksa untuk menggunakan https jika yang request dari ngrok
• Tapi saat diakses tanpa https (localhost) pun masih akan jalan
• Atau bisa juga tanpa if untuk force semuanya ke https