Menggunakan Fitur Hosting Didalam Firebase Part 2

Halo teman teman semuanya masih di materi basic tentang firebase. Dibagian kedua ini kalian sudah bisa melakukan inisiasi dengan menuliskan perintah firebase init yakni memberi tahu kalo saya ingin memulai membuat proyek firebase.

Saya sudah siap ketik yes untuk melanjutkan prosesnya

Nanti akan ada beberapa pertanyaan misalnya yang pertama terkait fitur apa saja yang mau digunakan. Ada beberapa fitur yang ditawarkan oleh firebase tapi pada kasus ini kita hanya pilih bagian hosting dengan menekan tombol spasi

Jika sudah di enter lalu pertanyaan kedua mau diletakkan diproyek yang mana? kita akan simpan di proyek yang sudah kita buat namanya firebasic

Sebagai catatan firebasic merupakan project firebase yang telah kita buat sebelumnya. Kalo sudah okay masuk ke setup selanjutnya apakah kita ingin menggunakan public directory?

Konfigurasi single page app?

Nanti ada beberapa file yang terbuat difolder public dan ada firebase.json untuk konfigurasi dan project information di .firebaserc. Sekarang firebase init sudah complete

Kurang lebih seperti ini struktur folder webnya yang akan kita kerjakan

Untuk halaman yang statis bisa disimpan di folder public. secara default halaman index rootnya sebagai berikut

Tentu kita bisa edit dengan membuat struktur baru yang sangat sederhana dengan menambahkan judul text ataupun gambar. silahkan kalian sesuaikan saja.

Kemudian firebase juga menawarkan perintah firebase serve yang artinya buatkan kita satu server untuk dijalankan dilocalhost pada port 5000

Tapi sebelum itu pastikan setting dulu di firebase.jsonnya dengan memberi tahu kalo kita ingin melakukan hosting di folder public baru kita jalankan firebase serve

Local server berhasil dibuat

Silahkan akses melalui browser dengan url localhost:5000

Tentu yang kita mau bukan menjalankan di local yang akan kita pelajari adalah bagaimana cara mendeploy?. Cara deplovnya cukup mudah kita tinggal ketikkan saja firebase deploy

Maka firebase akan otomatis mengupload file file yang  dibutuhkan ke hosting milik firebase. Dia sedang melakukan prepare ditunggu saja sampai selesai

Kalo sudah selesai kita akan mendapatkan url webnya dengan menggunakan https

Teman teman coba buka linknya maka akan tampil hasil yang sama seperti sebelumnya. Nah itu dia sangat sangatlah menarik semoga teman teman tertarik silahkan lihat fitur fitur yang lainnya sekalian mencoba coba. Sampai jumpa.

Lihat Demo https://firebasic-ac8f3.firebaseapp.com/