Tutorial Firebase Hosting Untuk Pemula

Assalamualaikum, kali ini saya akan berbagi sedikit tutorial firebase hosting untuk pemula. Sebenernya ada banyak fitur yang ditawarkan oleh Google Firebase. Namun, kali ini kita akan lebih fokus kepada fitur web hosting gratis dari Firebase saja.

Tutorial Firebase

• Apa Itu Firebase
• 1. Persiapan Awal
• 2. Install Firebase Tools
• 3. Membuat Project di Firebase
• 4. Upload Web Ke Firebase Hosting
  • Langkah 1. Masuk ke folder project yang berisi data web di PC kita
  • Langkah 2. Login firebase
  • Langkah 3. Konfigurasi Project
  • Langkah 4. Deploy project

Apa Itu Firebase

Sedikit info aja ya buat kalian yang belum mengenal apa itu firebase. Firebase merupakan salah satu teknologi milik Google yang menyediakan banyak sekali service seperti hosting, Real-time Database, Storage, dll. Info selengkapnya bisa kalian baca disini ya.

1. Persiapan Awal

Sebelum bisa memanfaatkan fitur hosting gratisan dari firebase ini, ada beberapa hal yang harus kalian persiapkan terlebih dahulu,yaitu:

• Node.js dan npm. Kalau di pc kalian belum terinstall, silahkan download disini. Setelah itu lakukan instalasi hingga selesai.
• File web html / php yang akan kita hosting

Untuk mengecek instalasi npm dan js kalian bisa menggunakan perintah dibawah ini :

npm -v

2. Install Firebase Tools

langkah selanjutnya adalah menginstall firebase tools di pc/laptop kita. Proses instalasi akan kita lakukan dengan menggunakan command prompt. Caranya :

1. Tekan tombol Windows+R lalu ketikkan “cmd” tanpa tanda petik
2. Setelah jendela cmd terbuka, silahkan kalian ketikkan perintah di bawah ini

npm install -g firebase-tools

Setelah mengetikkan perintah diatas, proses instalasi firebase tools akan berjalan secara otomatis. SIlahkan kalian tunggu hingga proses tersebut selesai dan lanjutkan ke langkah berikutnya.

note : silahkan skip langkah 1 dan 2 kalau di PC kalian sudah terinstal semua.

3. Membuat Project di Firebase

Langkah selanjutnya adalah membuat project baru di firebase. Buka link berikut ini https://firebase.google.com/ lalu silahkan login dengan menggunakan akun google kalian. Setelah itu silahkan klik tombol go to console di bagian kanan atas.

Tutorial Hosting Gratis Firebase

Selanjutnya klik Add Project dan isi form yang muncul seperti project id. apabila sudah selesai kalian akan diarahkan menuju halaman dashboard dari project yang sudah dibuat. Pada menu dashboard disebelah kiri, silahkan kalian klik pada menu hosting

4. Upload Web Ke Firebase Hosting

Oke sekarang kita lanjut ke langkah berikutnya ya. Kita akan melakukan upload data web yang kita miliki ke hosting firebase dengan menggunakan perintah di CMD.

Langkah 1. Masuk ke folder project yang berisi data web di PC kita

Sebagai contoh , file web yang akan saya hosting berada di folder D:\firebase\project. Maka untuk menuju folder tersebut, saya mengetikkan perintah berikut ini

d:lalucd D:\firebase\project

silahkan kalian sesuaikan dengan letak folder project masing-masing ya.

Langkah 2. Login firebase

masih menggunakan cmd, untuk login ke firebase silahkan kalian ketikkan perintah berikut ini

firebase login

setelah itu kita akan secara otomatis diredirect ke browser dan login menggunakan akun google kita. Silahkan klik Y lalu next/ok saja. Dan apabila sudah berhasil akan tampil notifikasi seperti di bawah ini :

Langkah 3. Konfigurasi Project

Next step adalah melakukan konfigurasi agar file di local PC kita bisa di host di firebase. Ketikkan perintah berikut

firebase init

Nanti akan muncul beberapa pilihan diantaranya :

Are you ready to proceed? (y/n) y

selanjutnya silahkan kalian pilih service hosting. Untuk menggerakkan cursor, gunakan tombol arah di keyboard. Dan untuk mencentang, kalian bisa menggunakan tombol spasi.

ketika muncul pilihan directori, silahkan isi dengan “/” tanpa tanda petik.

What do you want to use as your public directory? (public) /

Untuk pilihan selanjutnya silahkan kalian pilih N atau No.

Langkah 4. Deploy project

Untuk langkah terakhir adalah deploy project kita. Kita akan meng-upload semua file di lokal PC ke hosting firebase. Sesuai dengan contoh pada langkah 1 diatas. Lokasi file yang akan saya upload berada di D:\firebase\project. Masih menggunakan CMD, pastikan lokasi sudah sesuai. lalu ketikkan perintah dibawah ini

firebase deploy

Setelah itu proses deploy akan berjalan secara otomatis. Dan nanti akan muncul informasi bahwa project telah selesai di deploy, lengkap dengan informasi domain untuk mengakses domain kita.

Oke sekian tutorial web hosting gratisan dari firebase kali ini. Semoga bermanfaat ya!

UPDATE

Untuk memilih project yang akan digunakan kalian bisa menggunakan perintah berikut ini

firebase use id_projectmisal :firebase use sarjanamalas

Share :