Menggunakan Realtime Database Pada Firebase Part 1

14/01/2020    Ekky Ridyanto    27     Website

Hai semuanya masih seputar firebase. Nah dari sekian banyak fitur salah satu yang paling keren adalah database. Jadi pada bagian ini kita akan belajar bagaimana caranya berinteraksi dengan database di firebase. Tentu database disini bukan sekedar database biasa tapi database yang kita gunakan adalah database realtime yang artinya ketika teman teman punya aplikasi dan sudah banyak users yang mengaksesnya. Pada saat salah satunya melakukan update, menghapus atau menambah maka semua users yang sedang mengakses aplikasinya akan dapat hasilnya secara langsung/realtime. Contohnya sendiri kalo teman teman sedang melakukan chatting. Sebelum kita menggunakan fitur database ini pastikan kalian sudah login dan masuk ke halaman console firebasenya lalu buka project firebasic. Diproject tersebut pilih setelan proyek untuk melakukan setting

Menggunakan-Fitur-Realtime-Database-Pada-Firebase-Part1-01

Pada halaman general setting ini kalian bisa melihat informasi tentang projectnya yang terdiri dari id, nama project, lokasi resource cloud platform, email serta key dari api webnya https://console.firebase.google.com/project/firebasic-ac8f3/settings/general/. Tentu kita pun ditawarkan 3 pilihan untuk menggunakan firebasenya, bisa di integrasikan ke ios, android ataupun web tapi syaratnya kita perlu buat satu aplikasi dan memilih platformnya

Menggunakan-Fitur-Realtime-Database-Pada-Firebase-Part1-02

Pada kasus ini yang kita pilih adalah firebase web. kalo teman teman klik maka muncul popup untuk menambahkan firebase ke aplikasi web. pertama daftarkan nama aplikasinya. nama aplikasinya adalah tutorial

Menggunakan-Fitur-Realtime-Database-Pada-Firebase-Part1-03

dan siapkan juga firebase hosting untuk aplikasi tersebut

Menggunakan-Fitur-Realtime-Database-Pada-Firebase-Part1-05

Lalu step berikutnya tambahkan script atau firebase SDK. copy paste ke bagian bawah tag <body> di bagian html nya. untuk yang lainnya kita next next saja untuk menyelesaikan proses daftarnya. lanjut ke console, kita akan coba mulai konfigurasi firebasenya dihalaman web. Untuk itu saya akan copy paste masukkan semua kode tersebut ke struktur html yang kalian miliki dimana ada dua script yang kita butuhkan pertama meload link base versi CDN dari firebasenya sama seperti kalo teman teman ingin menggunakan fungsi fungsi dari kode jquery

Menggunakan-Fitur-Realtime-Database-Pada-Firebase-Part1-06

Kemudian yang kedua melakukan initialize yang artinya memberi tahu kalo kita ingin memulai terhubung untuk menggunakan fitur fitur yang ada di firebase 

Menggunakan-Fitur-Realtime-Database-Pada-Firebase-Part1-07

dimana untuk melakukan initializeApp harus berdasarkan data konfigurasinya. isi dari konfigurasinya berupa apiKey, databaseUrl dan lain sebagainya

Menggunakan-Fitur-Realtime-Database-Pada-Firebase-Part1-08

Nah tentu settingan dari confignya akan berbeda beda tinggal teman teman disesuaikan saja. Cukup sampai disini kita akan lanjutkan dibagian kedua. Selamat mencoba.

Artikel, Javascript, HTML CSS, website, Firebase

Cara Cepat Pintar Membuat Website, Tanpa Perlu Basic IT

Membuat website perusahaan, portal berita, blog, katalog online, dan e-commerce.

Learn More

Cara Cepat Pintar Membuat Website, Tanpa Perlu Basic IT

Membuat website perusahaan, portal berita, blog, katalog online, dan e-commerce.

Learn More