Firebase Hosting Tutorial: Hosting Web Tanpa Ribet

Pendahuluan

Firebase Hosting adalah salah satu fitur dari Firebase yang memungkinkan Anda untuk meng-hosting website secara gratis dan mudah. Dengan menggunakan Firebase Hosting, Anda bisa meng-hosting website yang mendukung HTTPS, HTTP/2, serta memiliki performa tinggi dan skalabilitas yang memadai. Bahkan, Anda juga bisa menggunakan Firebase Hosting untuk meng-hosting aplikasi web yang dibuat dengan Angular, React, dan Vue.

Selain itu, Firebase Hosting juga dilengkapi dengan fitur CI/CD yang memungkinkan Anda untuk melakukan deploy otomatis dengan mudah. Tanpa perlu ribet-ribet melakukan setting manual di server, Anda bisa melakukan deploy web dengan cepat dan mudah. Jadi, jika Anda ingin belajar meng-hosting website menggunakan Firebase Hosting, berikut ini adalah tutorialnya.

Catatan: Tutorial ini menggunakan Firebase CLI versi 9.11.0 dan Node.js versi 14.17.0. Pastikan Anda sudah meng-install keduanya sebelum memulai tutorial ini.

Langkah 1: Membuat Proyek Firebase

Langkah pertama yang perlu Anda lakukan adalah membuat proyek Firebase baru melalui dashboard Firebase. Setelah itu, buatlah situs baru dengan memilih opsi “Web” dan mengisi detail situs yang ingin Anda hosting. Setelah itu, Firebase akan meng-generate konfigurasi situs yang perlu Anda gunakan nanti. Jangan lupa juga untuk meng-install Firebase CLI dan login menggunakan akun Firebase Anda.

Setelah itu, buat folder baru di komputer Anda dan masuk ke folder tersebut melalui terminal. Kemudian, inisialisasi Firebase project baru dengan perintah “firebase init”. Pilih opsi “Hosting” dan ikuti petunjuk selanjutnya untuk mengatur Firebase Hosting di project Anda.

Jika sudah selesai, Anda akan memiliki folder “public” yang berisi file-file yang ingin Anda hosting. Anda bisa mengganti file-file tersebut dengan file-file yang ingin Anda hosting. Misalnya, index.html, style.css, dan script.js.

Lihat:  Firebase Hosting React: Solusi Terbaik untuk Hosting Aplikasi React Kamu

Langkah 2: Deploy Website ke Firebase Hosting

Setelah mengatur Firebase Hosting di project Anda, langkah selanjutnya adalah melakukan deploy website Anda ke Firebase Hosting. Pertama-tama, pastikan Anda sudah login ke Firebase CLI menggunakan perintah “firebase login”. Kemudian, jalankan perintah “firebase deploy” untuk melakukan deploy website ke Firebase Hosting. Tunggu beberapa saat sampai proses deploy selesai.

Setelah itu, kunjungi situs web Anda yang sudah di-hosting di Firebase Hosting dengan URL yang sudah digenerate Firebase. Jika semuanya berjalan dengan lancar, website Anda akan tampil dan bisa diakses secara online.

Anda juga bisa melakukan update website Anda dengan cara mengganti file-file yang sudah di-deploy ke Firebase Hosting. Setelah itu, jalankan perintah “firebase deploy” lagi untuk melakukan update website Anda di Firebase Hosting.

Kesimpulan

Seperti itulah tutorial singkat tentang cara meng-hosting website menggunakan Firebase Hosting. Selain mudah, Firebase Hosting juga sangat powerful untuk digunakan. Jika Anda ingin belajar lebih lanjut tentang Firebase dan fitur-fiturnya, jangan ragu untuk membaca dokumentasi resminya. Selamat mencoba!