Menggunakan Realtime Database Pada Firebase Part 3

Halo semuanya, balik lagi di artikel tentang firebase. Kali ini kita akan melanjutkan tugas berikutnya yaitu bagaimana cara mereferensikan atau mengakses database yang sudah dibuat. Untuk itu kita instance dulu object dari firebase.database() nya simpan di variabel db.

Menggunakan-Realtime-Database-Pada-Firebase-Part3-01

Tapi kita belum spesifik mau ke bagian database yang mana. Pastikan kita import script dulu untuk firebase database versi cdn-nya

Menggunakan-Realtime-Database-Pada-Firebase-Part3-03

Kemudian, teman-teman bisa buat variabel const dengan nama blogRef yang nantinya akan kita referensikan ke data blogs dengan cara menjalankan method db.ref masukkan nama collection-nya yaitu blogs.

Menggunakan-Realtime-Database-Pada-Firebase-Part3-02

Sekarang kita sudah bisa sambung dengan metode on() untuk menampilkan semua data dari object blogs-nya

Menggunakan-Realtime-Database-Pada-Firebase-Part3-04

Pada metode on() dari blogRef-nya basic-nya ada 3 parameter. Pertama, type-nya adalah value. Kedua, callback ketika dia berhasil dan parameter ketiga adalah function ketika ada error. Intinya, kalau berhasil "mau melakukan apa?" sedangkan kalau error "mau melakukan apa?". Kemudian buat tugasnya masing-masing di fungsi yang berbeda.

Menggunakan-Realtime-Database-Pada-Firebase-Part3-05

Di function berhasil kita terima daftar object di parameternya namanya items lalu console.log hasil items.

Menggunakan-Realtime-Database-Pada-Firebase-Part3-06

Begitu pula untuk yang function error-nya lakukan console log error-nya. Jika sudah selesai jalankan di browser lalu buka console browser -nya klik kanan inspect element.

Menggunakan-Realtime-Database-Pada-Firebase-Part3-07

Kalian pasti mendapatkan hasil error kalo permission_denied at /blogs. Jadi, secara otomatis firebase sudah punya sistem security atau keamanan sendiri maka dari itu dia akan melindungi data datanya supaya tidak bisa di akses secara public. Kita tahunya dari mana bisa di akses secara public atau tidak? Selain data, kita bisa pilih tab untuk bagian rules/aturannya. 

Menggunakan-Realtime-Database-Pada-Firebase-Part3-08

Secara default rules-nya dalam format JSON yang mana disetiap rules firebase menyediakan kata kunci read dan write.

Menggunakan-Realtime-Database-Pada-Firebase-Part3-09

Dimana syaratnya harus sudah terautentifikasi dulu supaya kalian bisa membaca data dan menulis data. Tentu kalian bisa mengubah syaratnya jadi public dengan memberikan nilai true di masing-masing kata kuncinya.

Menggunakan-Realtime-Database-Pada-Firebase-Part3-010

Artinya, semuanya boleh mengakses data ini. Lalu klik tombol publish untuk menyimpan perubahannya.

Menggunakan-Realtime-Database-Pada-Firebase-Part3-011

Silahkan kalian akses lagi halaman console-nya maka kita mendapatkan hasilnya:

Menggunakan-Realtime-Database-Pada-Firebase-Part3-012

Tapi, data value-nya bukan object database yang kita inginkan. Maka dari itu, kalian tulis method val().

Menggunakan-Realtime-Database-Pada-Firebase-Part3-013

Untuk mengakses isi dari collection yang sesungguhnya yaitu object database dari firebase

Menggunakan-Realtime-Database-Pada-Firebase-Part3-014

Untuk membuktikkan kalo database ini adalah database realtime, maka silahkan kalian tambahkan satu blogs lagi dengan memasukkan data baru. Mulai dari id, judul dan deskripsi.

Menggunakan-Realtime-Database-Pada-Firebase-Part3-015

Secara otomatis firebase akan melakukan on trigger dalam menampilkan data yang baru. 

Menggunakan-Realtime-Database-Pada-Firebase-Part3-016

Begitu pula kalo kalian ingin mengubah salah satu datanya secara langsung. Kita mendapatkan console log hasil barunya. Kesimpulannya, pada saat teman-teman menggunakan on value maka dia otomatis akan trigger ulang setiap ada perubahan apa pun pada datanya.Baik itu menambah, meng-update ataupun menghapus. Terima kasih.

17 Januari 2020

Webinar Gratis 2024


Selanjutnya Pada Bulan Maret 2024

Sabtu, 09 Maret 2024


10 Bahasa Rekomendasi Untuk Dipelajari di 2024

Python Developer, Data Science, Web Application

Kursus Python Django Web Application 2024 di DUMET School Kursus Postgre SQL Database Developer Terbaik 2024 di Jakarta
chat