Menggunakan Sampel Kode Database Firebase Berbasis Web

Gambar 1. Logo firebase

Untuk dapat menggunakan firebase dengan fasih tidak ada salahnya dengan mencoba menjalankan kode sampel dahulu, Kode sampel tersebut sudah disediakan oleh google kita hanya perlu copy dan paste. Ketika sudah berjalan kita dapat pelajari kode tersebut dan mensederhanakan / menyesuaikannya dengan program yang akan kita buat.

1. link kode sampel:
https://github.com/firebase/quickstart-js

download kode tersebut lalu ekstrak pada xampp localhost/htdocs (jngn lupa start apache dan mysql)

Gambar 2. Download Sampel Kode

2. buka dengan url: http://localhost/quickstart-js-master/database/

Gambar 3. Halaman depan sampel Kode

3. kita belum dapat sign, 

untuk menggunakan layanan firebase kita perlu mendaftar

cara mendaftar bisa lihat:

https://komputasistat.blogspot.co.id/2016/09/mendaftar-akun-project-di-firebase_25.html

4. Setelah selesai mendaftarkan kita pilih Add Firebase to your web app

Gambar 4. Add firebase to your web app

5. Kemudian pilih copy seperti gambar 5

Gambar 5. Api key

6. buka dengan kode editor  C:\xampp\htdocs\quickstart-js-master\database\index.html 

kemudian copy api key yang telah di copy tadi ke index.html dibaris seperti gambar 6.

Gambar 6. Paste Api Key

7. Kemudian simpan

8. Aktifkan otentifikasi google caranya enable  google authentication seperti gambar 7

Gambar 7. Enable  google authentication

9. Atur rules database seperti gambar 8

 kemudian publish

Gambar 8. Atur rules database

Sampel Kode sudah bisa dijalankan

buka lagi

http://localhost/quickstart-js-master/database/

hasil menjalankan aplikasi:

Gambar 9. Hasil sampel kode

Silahkan pelajari kode tersebut dan sesuaikan dengan kebutuhan aplikasi web anda

Sekian dan terimakasih

Artikel Terkait Firebase ,javascript ,Teknologi Terkini