Cara Upload Statics Files di Firebase Hosting
Cara Upload Statics Files di Firebase Hosting

Cara Upload Static Website di Firebase Hosting

How to Upload a Static Website to Firebase Hosting (Step by Step)?

Firebase hosting service is a dynamic and static web hosting service that is fast, secure and reliable. The big G calls it production-grade web content hosting for developers.

Moreover, files are deployed on SSDs and CDN edge servers around the globe. It supports hosting files like (javascript, HTML, CSS, etc), also supported through Cloud Functions.

Bagaimana cara upload static website di Firebase Hosting?

Untuk melakukan upload statics files di firebase hosting beberapa langkah yang harus dikerjakan adalah sebagai berikut:

  • Mendaftar layanan Firebase Hosting (Sign Up To Firebase). Karena untuk melakukan upload static files di firebase hosting ini memerlukan Account, maka cara yang pertama adalah mendaftar terlebih dahulu ke Firebase hosting secara gratis dengan mengakses: https://firebase.google.com/. Ketika pendaftaran selesa, maka kita dapat melanjutkan pada step selanjutnya dengan masuk pada halaman Console). (Once done, click Go to Console, for that you need a Google account).
  • Buat project baru (Create a New Project in Firebase). Membuat project di Console Firebase merupakan hal penting dan wajib dilakukan jika ingin mengupload data ke Firebase. (Creating a project is critical since you can save your data.) caranya adalah sebagai berikut:
    • Click add project (Klik tambah project)
    • Enter your Project Name (Tulis nama project kamu) dan klik Continue
    • Tambahkan juga Google Analytics (Add Google Analytics for your Firebase Project and click Continue. Wait, but what is Google Analytics? In simple words, it’s a free tool that can help you how many visitors your website gets in a period of time that can last from one day to a decade.)
    • Selanjutnya untuk pilih Analytics Location dan Accept Terms. Select Analytics Location & Accept Terms [checkboxes] and click on Create Project
  • Setelah Project terbuat, maka langkah selanjutnya adalah melakukan Setting untuk persiapan Firebase Hosting.

How to Set Up Firebase Hosting?

(Bagaimana cara melakukan setting pada Firebase Hosting?) Berikut ini adalah langkah-langkah untuk melakukan Set up Firebase hosting:

Install Firebase CLI

Apa yang dimaksud dengan Firebase CLI?

Firebase CLI adalah utilitas yang digunakan untuk mengelola proyek Firebase dan melakukan tugas seperti tugas manajemen Realtime Database dari baris perintah terminal. Untuk menginstallnya cukup mudah yaitu cukup mengetikan kode berikut pada Terminal linux (putty) / Windows Shell $ npm install -g firebase-tools
Setelah terinstall, maka sebaiknya kita cek dahulu versi Firebase Tools (Check Version Number) dengan mengetikan kode berikut ini: firebase -V

Langkah selanjutnya adalah setelah dihalaman Firebase Console terdapat tombol Next, maka silahkan di klik. (Now go back to the Firebase Console window and click on Next.)

Setelah itu silahkan kembali ke console CLI, untuk inisiasi project yang telah terbuat, maka selanjutnya adalah dengan melakukan login pada Firebase menggunakan CLI, adapun kode / perintah untuk login adalah sebagai berikut:
firebase login

Then a window appears in the browser. You have to log in here. (Selanjutnya akan diarahkan ke browser untuk login dengan account google). Setelah login berhasil, maka browser maupun console prompt akan memberikan status login berhasil.

Firebase Hosting Tutorial – Deploying a Static Website
How do I host a static website on Firebase hosting?
How do I upload my website to Firebase?
Can we host website on Firebase?
How do I host a static website?

Step 1: Create Firebase project.
Step 2: Initialize Firebase login.
Step 3: Initialize Firebase project into your system.
Step 4: Installing packages and creating views directory for dynamic website.
Step 5: Setting up Firestore (Cloud Database)
Step 6: Building up the dynamic content of the website.

Check Also

Tutorial rSync Linux

Cara Menjalankan Rsync Over SSH

Cara Menjalankan Rsync Over SSH – With rsync, we can use SSH (Secure Shell) for …