Menggunakan Realtime Database Pada Firebase Part 4

Halo apa kabar semuanya? Di bagian sebelumnya kita sudah berhasil mengakses data dari firebase. Tentu setelah dapat datanya kalian bisa melakukan apa saja misalnya menjalankan sebuah fungsi JavaScript-nya untuk mengolah datanya ataupun teman teman bisa menampilkan data semuanya di daftar list html itu juga boleh. Nah, itu dia basic dalam menampilkan data dari database firebase.

Pada bagian keempatnya ini, saya akan kenalkan ada beberapa jenis type event pada saat method on() dipanggil. Ada 5 type yang bisa kalian gunakan pertama ada value, terus child_added. Nah, event child_added ini akan melakukan trigger ketika ada penambahan data di firebase-nya biasanya kita gunakan pada saat memberikan notifikasi ke users untuk itu kalian bisa memanfaatkan type event ini 

Menggunakan-Realtime-Database-Pada-Firebase-Part4-01

Kalo eventnya sudah dipasang buat function notificationMessage yaitu sekadar console log kalo data berhasil ditambahkan

Menggunakan-Realtime-Database-Pada-Firebase-Part4-02

Sekarang silahkan teman-teman tambahkan satu data lagi dengan id yang berbeda untuk melihat hasil event-nya

Menggunakan-Realtime-Database-Pada-Firebase-Part4-03

Kita lihat lagi di console, yups kita berhasil. Setiap teman-teman menambah data baru akan ada pesan berhasil di console-nya

Menggunakan-Realtime-Database-Pada-Firebase-Part4-04

Tapi kalau kalian edit datanya maka event child_added nya tidak akan dijalankan. Di sini teman-teman sudah melihat perbedaan dari child_added dengan on value dimana child_added hanya akan dilakukan jika datanya ditambah. Tentu fungsi tersebut mengembalikan parameter object single dari data yang baru ditambahkan

Menggunakan-Realtime-Database-Pada-Firebase-Part4-06

Kita bisa tulis item dibagian fungsinya lalu cetak di console item.val() maka hasilnya di setiap object akan ada pesan console-nya.

Menggunakan-Realtime-Database-Pada-Firebase-Part4-07

Kalian juga bisa tampilkan nama judulnya seperti ini

Menggunakan-Realtime-Database-Pada-Firebase-Part4-08

Selanjutnya ada child_changed ketika datanya berubah, child_removed ketika dihapus dan child_moved untuk mengatur order by-nya atau urutan datanya
tentu event di atas itu bisa kalian coba satu per satu sesuai dengan kasus yang ingin kalian buat. Jadi, itu dia cara teman-teman mendeteksi event-event tertentu atau mau langsung seluruhnya bisa gunakan sistem event type on value. Semoga jelas untuk bagian ini. Kita akan bahas lagi di artikel selanjutnya dan yang pasti masih seputar firebase. Terima kasih

21 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 Mini Bootcamp Backend Laravel 11 Bulan Mei 2024 di DUMET School
Webinar Selanjutnya Mei 2024

Minggu, 26 Mei 2024, 09.00-13.00 WIB

(4 Jam Membuat Backend di Laravel 11)

chat