Membuat halaman rahasia khusus member1 - Code Blogger Firebase (Database)

hi, kali ini admin akan membuat halaman khusus member1, diharapkan anda sebelumnya telah membaca tutorial sebelumnya bagaimana membuat user menjadi member1 Tutorial member klik disini dimana hanya user dengan status member1 dengan status approved Yes yang bisa melihat halaman ini code ini bisa anda tempatkan di halaman page ataupun post atau di widget javascript dihalaman layout. mohon diperhatikan cara tata letak penempatan kode kode dibawah ini
buat halaman baru/page di blogger dan copy paste kode berikut:
Beri judul page tersebut dan simpan

  <h1>Selamat datang di Halaman Rahasia!</h1>
    <!-- Konten halaman rahasia -->
  <div id="log"></div>
    <!-- Include Firebase SDK -->
<script>
  const logElement = document.getElementById('log');
    // Memeriksa status pengguna
    firebase.auth().onAuthStateChanged((user) => {
        if (user) {
            const userEmail = user.email;
            console.log("Data user ditemukan:", userEmail);
            

            // Mendapatkan referensi dokumen pengguna yang sesuai dengan email pengguna yang sedang login
            const userDocRef = firestore.collection("users").doc(userEmail);
            console.log("Data userDocRef ditemukan:", userDocRef);

            // Melakukan query untuk mendapatkan data pengguna yang sesuai dengan email pengguna yang sedang login
            firestore.collection("users").where("email", "==", userEmail).get()
            .then((querySnapshot) => {
                if (!querySnapshot.empty) {
                    querySnapshot.forEach((doc) => {
                        const userData = doc.data();
                        console.log("Data pengguna ditemukan:", userData);
                          
                        // Di sini Anda dapat melakukan apa pun dengan data pengguna yang ditemukan
                         if (userData.memberType === "member1" && userData.Approval === "Yes") {
                            // Pengguna memiliki status "admin", izinkan akses ke halaman rahasia
                            console.log("Pengguna memiliki akses ke halaman rahasia.");
                            logElement.innerHTML += "Pengguna memiliki akses ke halaman member1.<br>";
                            //window.location.href = "halaman-rahasia.html"; // Redirect pengguna ke halaman rahasia
                        } else {
                            // Pengguna tidak memiliki akses
                            console.log("Pengguna tidak memiliki akses ke halaman rahasia.");
                            //window.location.href = "halaman-umum.html"; // Redirect pengguna ke halaman umum
                           logElement.innerHTML += "Pengguna Tidak memiliki akses ke halaman member1.<br>";
                        }   
                    });
                }  
            }).catch((error) => {
                console.error("Error:", error);
            });
        } else {
            // Jika tidak ada pengguna yang terotentikasi
            console.log("Tidak ada pengguna yang terotentikasi.");
            logElement.innerHTML += "Anda Belum Login.<br>";
            //window.location.href = "halaman-login.html"; // Redirect pengguna ke halaman login jika tidak ada pengguna yang terotentikasi
        }
    });
</script>



  

Code diatas hanya dapat di akses dengan data user adalah member1 dan status approval oleh admin adalah YES. Terdapat 2 buah database
yang pertama database user dimana terdapat status user dan yang kedua adalah database users dimana terdapat status member dan stataus approval
Dan SELESAI
untuk menggunakan halaman demo anda harus login dahulu di website tujuan

Lihat Demo