Menggunakan Fitur Hosting Didalam Firebase Part 2

07/01/2020    Ekky Ridyanto    187     Website

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.

Menggunakan-Fitur-Hosting-Didalam-Firebase Part2-080120200-Eki-01

Saya sudah siap ketik yes untuk melanjutkan prosesnya

Menggunakan-Fitur-Hosting-Didalam-Firebase Part2-080120200-Eki-02

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

Menggunakan-Fitur-Hosting-Didalam-Firebase Part2-080120200-Eki-03

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

Menggunakan-Fitur-Hosting-Didalam-Firebase Part2-080120200-Eki-04

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

Menggunakan-Fitur-Hosting-Didalam-Firebase Part2-080120200-Eki-05

Konfigurasi single page app?

Menggunakan-Fitur-Hosting-Didalam-Firebase Part2-080120200-Eki-06

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

Menggunakan-Fitur-Hosting-Didalam-Firebase Part2-080120200-Eki-07

Kurang lebih seperti ini struktur folder webnya yang akan kita kerjakan

Menggunakan-Fitur-Hosting-Didalam-Firebase Part2-080120200-Eki-08

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

Menggunakan-Fitur-Hosting-Didalam-Firebase Part2-080120200-Eki-09

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

Menggunakan-Fitur-Hosting-Didalam-Firebase Part2-080120200-Eki-010

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

Menggunakan-Fitur-Hosting-Didalam-Firebase Part2-080120200-Eki-011

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

Menggunakan-Fitur-Hosting-Didalam-Firebase Part2-080120200-Eki-012

Local server berhasil dibuat

Menggunakan-Fitur-Hosting-Didalam-Firebase Part2-080120200-Eki-013

Silahkan akses melalui browser dengan url localhost:5000

Menggunakan-Fitur-Hosting-Didalam-Firebase Part2-080120200-Eki-014

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

Menggunakan-Fitur-Hosting-Didalam-Firebase Part2-080120200-Eki-015

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

Menggunakan-Fitur-Hosting-Didalam-Firebase Part2-080120200-Eki-016

Kalo sudah selesai kita akan mendapatkan url webnya dengan menggunakan https

Menggunakan-Fitur-Hosting-Didalam-Firebase Part2-080120200-Eki-017

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/

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