Notifikasi Sistem
Aksi berhasil diproses.
BProjek Cloud Firestore Workspace
Sistem Integrasi Basis Data, Enkriptor SDK & Panduan Visual Pemula
Konfigurasi SDK Firebase
Wajib disamakan dengan konten-konten premium nantinya agar sistem berjalan semestinya.
Email Google Administrator
Wajib sama dengan Gmail saat login nanti
1. Kode Hasil Obfuscasi (Blogger Widget)
Salin skrip ini dan pasang pada widget Tata Letak Blogger (Langkah 7)
Pratinjau Kode Kredensial Asli Sebelum Diacak
// Menunggu input data...
2. Aturan Keamanan Database (Security Rules)
Salin lalu tempel di tab Rules Firestore Console Anda (Langkah 6)
6 Langkah Mudah Integrasi Mandiri
Panduan khusus yang menjelaskan dari proses mendaftar database Firebase, mengaktifkan login Google, mengenkripsi data, hingga memasang aturan keamanan di console Anda.
Daftar & Membuat Proyek Firebase
Firebase adalah server cloud gratis dari Google tempat menyimpan data toko online Anda. Cara membuatnya:
- Buka situs resmi Google: Firebase Console (Masuk menggunakan akun Gmail Anda).
- Klik tombol besar Add Project (Tambah Proyek).
- Beri nama proyek bebas, misalnya:
toko-blogger-saya. - Pada pilihan Google Analytics, Anda bisa matikan (pilih nonaktif) agar proses pembuatan proyek berjalan lebih cepat.
- Klik Create Project, tunggu sekitar 10 detik, lalu klik Continue setelah proyek selesai dibuat.
Aktifkan Login Google & Atur Domain Blog (Authorized Domains)
Langkah ini penting agar pembeli atau admin bisa login menggunakan akun Google asli mereka di blog Anda.
- Pada menu kiri Firebase, klik Build > pilih Authentication.
- Klik tab Sign-in method di atas, lalu klik tombol Add new provider.
- Pilih opsi login Google.
- Klik tombol aktifkan (Enable).
- Masukkan nama proyek Anda dan pilih alamat email support (gunakan alamat Gmail Anda sendiri). Lalu klik Save.
Secara bawaan Google akan menolak proses login dari situs asing. Anda harus mendaftarkan domain blog Anda di sini agar diizinkan Google:
- Masih di halaman Authentication, klik tab **Settings** di bagian atas kanan.
- Di panel kiri, klik menu **Authorized domains** (Domain yang diizinkan).
- Klik tombol **Add Domain** di sebelah kanan.
- Masukkan alamat Blogger Anda (contoh:
tokosaya.blogspot.comatau domain khusus Anda sepertiwww.tokosaya.com). - Klik **Add** untuk menyimpan. Sekarang blog Anda resmi diizinkan menggunakan sistem Login Google!
Mengambil Kode Konfigurasi SDK Firebase
SDK adalah kode koordinat unik yang berfungsi menghubungkan program Blogger dengan server database Anda.
- Masuk ke pengaturan proyek: klik ikon roda gigi **Project Settings** di pojok kiri atas Firebase Console.
- Pada tab **General**, scroll layar Anda ke bagian paling bawah sampai menemukan bagian **Your apps** (Aplikasi Anda).
- Klik ikon berbentuk tanda kurung siku **Web ()** untuk mendaftarkan website baru.
- Isi nama aplikasi bebas (misal:
Toko Buku Blogger), lalu langsung klik tombol **Register App**. -
Sistem akan menampilkan baris kode pemrograman. Cari kode yang bertuliskan:
const firebaseConfig = { apiKey: "...", authDomain: "...", ... };Cukup blok dan salin (copy) baris objek kode tersebut mulai dari tanda kurung kurawal buka{sampai tanda kurung kurawal tutup}.
Memproses Data di Generator BProjek
Langkah ini bertujuan untuk mengenkripsi (mengunci sandi) data SDK Firebase Anda agar tidak disalahgunakan orang asing yang melihat kode blog Anda.
- Masuk ke **Tab 1. Panel Generator** di bagian paling atas aplikasi ini.
- Tempelkan objek kode SDK yang Anda salin dari Langkah 3 ke kotak berlabel **A (Konfigurasi SDK Firebase)**.
- Di kotak **B (Email Google Administrator)**, isi alamat Gmail pribadi Anda yang akan Anda pakai untuk mengelola produk dan pesanan.
- Jika semua data sudah terisi benar, indikator status deteksi otomatis akan berubah menjadi warna hijau bertuliskan **"SDK Terbaca"**.
Memasang Kode Hasil Obfuscasi ke Blogger Widget
Kode hasil enkripsi (obfuscation) ini wajib dipasang di Blogger agar website Anda mengenali koordinat database Firebase Anda secara aman.
- Pada generator Tab 1, cari kotak hasil bernama **1. Kode Hasil Obfuscasi (Blogger Widget)**.
- Klik tombol **Salin Skrip JS** di atas kotak tersebut.
- Masuk ke dasbor utama **Blogger** Anda.
- Pilih menu **Tata Letak (Layout)** di sebelah kiri.
- Pilih salah satu slot kosong (disarankan di area header atau sidebar paling atas), lalu klik **Tambah Gadget (Add a Gadget)**.
- Pilih widget jenis **HTML/JavaScript**.
- Biarkan judul widget kosong (agar widget tersembunyi), lalu **Tempelkan (Paste)** skrip tadi di bagian kolom isi/konten.
- Klik tombol **Simpan**.
Memasang Aturan Keamanan Database (Security Rules)
Langkah ini bertujuan mengunci database agar pembeli biasa tidak bisa merusak harga produk, dan hanya admin Gmail terdaftar yang boleh mengedit data.
- Pada generator Tab 1, cari kotak hasil bernama **2. Aturan Keamanan Database (Security Rules)**.
- Klik tombol **Salin Rules** di atasnya.
- Kembali ke **Firebase Console** Anda.
- Pada menu kiri, klik **Build** > pilih **Firestore Database**. (Jika belum ada database, klik tombol **Create database**, ikuti langkahnya sampai selesai dibuat).
- Masuk ke tab **Rules** (Aturan) yang ada di bagian atas tengah halaman.
- Hapus seluruh baris kode default yang ada di dalam kotak Rules tersebut.
- **Tempelkan (Paste)** kode Rules baru yang baru saja Anda salin dari generator ini.
- Klik tombol biru **Publish** di pojok kanan atas. Aturan keamanan kini telah aktif melindungi server Anda!
Larangan Merapikan Teks Enkripsi (Self-Defending Active)
Skrip yang dienkripsi pada generator dilindungi fitur pertahanan mandiri. Jangan pernah menyusun rapi kode hasil generator (seperti menambahkan spasi baru, enter, atau indentasi). Tindakan tersebut langsung memicu error penguncian enkripsi yang membekukan fungsionalitas skrip blog Anda secara permanen demi mengamankan API Key asli Anda dari pembajakan.