Solusi Error Firebase Auth di IP Localhost Jaringan
Iwan Efendi2 min
Panduan teknis mengatasi pesan error Firebase Auth domain belum didaftarkan saat testing aplikasi lokal menggunakan IP Localhost jaringan (172.16.x.x).
Pernahkah Anda mencoba mengetes aplikasi web lokal Anda dari perangkat lain di jaringan yang sama, lalu tiba-tiba fitur login rusak? Saya baru saja mengalaminya hari ini.
Saat mengembangkan dan mengintegrasikan fitur Admin Injector untuk tool generator nomor ke Firebase Firestore, aplikasi berjalan sangat lancar ketika dibuka melalui
Secara default, ketika kita membuat project baru di Firebase, sistem membaca
Ada dua cara untuk mengatasi masalah ini, tergantung pada seberapa lama dan rumit proses testing Anda:
Setelah IP tersebut masuk di daftar terotorisasi, semua device yang mengakses lewat IP tersebut sudah bisa melakukan login dengan normal.
2. Gunakan Nama
Jika Anda sebenarnya ngetes dari PC/Laptop developer Anda sendiri namun tidak sadar membuka URL via IP (biasanya terjadi jika kita klik link dari terminal bawaan), kembali saja ke jalan yang lurus. Cukup ubah URL di bar atas browser Anda.
Ubah dari
localhost:9003. Namun, karena ingin memastikan semuanya responsif, saya mencoba mengakses environment lokal tersebut melalui alamat IP jaringan (local network IP), yaitu 172.16.0.2:9003.
Di sinilah masalah muncul. Saat menekan tombol login, layar tiba-tiba menampilkan pesan:
Firebase Console Error
Domain ini belum didaftarkan di Firebase Console. Silakan tambahkan domain situs Anda ke: Auth > Settings > Authorized Domains.
Zoom
Kenapa Ini Terjadi?
localhost dan 127.0.0.1 sebagai domain yang aman (terotorisasi) untuk redirect testing OAuth. Namun, bagi Firebase, alamat IP jaringan seperti 192.168.x.x atau 172.16.x.x itu dianggap sebagai domain eksternal yang sama sekali berbeda.
Hal ini murni terkait keamanan. Firebase mengunci domain redirect agar penyerang tidak bisa menggunakan kredensial API Anda di website phishing yang tidak sah.
Cara Mengatasinya
1. Tambahkan IP ke Authorized Domains (Rekomendasi untuk Device Testing)
Jika Anda harus mengetes aplikasi menggunakan smartphone atau device fisik lain, Anda harus meregistrasikan IP tersebut secara manual ke daftar putih Firebase.1
Buka dasbor Firebase Console Anda.
2
Pilih menu Authentication, lalu masuk ke tab Settings.
3
Pilih menu Authorized domains di panel sebelah kiri.
4
Klik tombol Add domain.
5
Masukkan alamat IP localhost Anda yang bermasalah (contoh: 
172.16.0.2) dan ingat, tanpa memuat http:// atau port. Zoom
6
Tekan tombol Add/Save.
2. Gunakan Nama localhost Secara Eksplisit (Paling Praktis)
Jika Anda sebenarnya ngetes dari PC/Laptop developer Anda sendiri namun tidak sadar membuka URL via IP (biasanya terjadi jika kita klik link dari terminal bawaan), kembali saja ke jalan yang lurus. Cukup ubah URL di bar atas browser Anda.
Ubah dari http://172.16.0.2:9003 kembali menjadi murni http://localhost:9003. Ini adalah cara paling efisien karena IP jaringan lokal sangat mungkin berubah drastis saat Anda pindah router WiFi ke kafe, sedangkan localhost akan selalu diizinkan oleh Firebase di mana pun Anda memprogram.Topics
Topik dalam catatan
Jelajahi pembahasan serupa lewat topik-topik terkait berikut.
Bagikan artikel ini
Diskusi
Menyiapkan area komentar...