Sedikit percobaan saya hari ini mengenai hosting untuk serverless web app. Singkat cerita ketika saya membuat sebuah proyek menggunakan Vue.js yang diintegrasikan dengan layanan Firestore dari Firebase dan hendak merilis proyek tersebut, ketika bermain-main di dashboard Firebase ternyata terdapat menu Hosting hingga saya coba baca-baca mengenai itu dan akhirnya saya memutuskan untuk mencobanya sebagai tempat yang bisa digunakan untuk proyek saya.

Berikut ini beberapa pengenalan mengenai Hosting yang disediakan oleh Firebase dan bagaimana cara penerapannya.

Sumber: Youtube Channel Firebase

Pendahuluan

Firebase Hosting merupakan salah satu layanan yang disediakan oleh Firebase sebagai hosting yang sepenuhnya untuk mengelola konten statis, dinamis, dan layanan mikro.

Layanan ini dapat digunakan selama proyek yang dibangun masih dalam lingkup HTML, CSS, dan JavaScript. Contohnya dalam membangun layanan API menggunakan Framework Express.js, jenis proyek ini dapat diterapkan ke dalam Firebase Hosting ini.

Fitur Firebase Hosting

• Menyediakan layanan hosting yang aman dengan dilengkapi SSL ke setiap hosting yang dibuat.
• Hosting digunakan untuk konten statis, dinamis, dan layanan mikro yang dibangun dalam lingkup HTML, CSS, dan JavaScript.
• Mengintegrasikan sistem Cache pada Content Delivery Network (CDN) dengan penyimpanan SSD.
• Dapat melakukan simulasi hosting secara lokal dan preview hosting sebelum dilakukannya proses perilisan secara publik.
• Rilis versi terbaru hanya dengan menggunakan satu baris perintah.

Implementasi

Memasang Perangkat CLI

Firebase menyediakan perangkat lunak berbasis Command Line Interface (CLI) guna mempermudah proses penggunaan hosting. Terdapat dua metode pemasangan, dapat menggunakan node package manager (npm) atau melalui file instalasi.

Berikut ini cara instalasi cepat melalui npm:

npm install -g firebase-tools

Mengatur Folder Proyek

Jika kamu sudah punya folder proyek yang sudah siap untuk dirilis, maka buka aplikasi command line milikmu dan arahkan ke dalam folder proyek kamu.

cd /ke/folder/proyek/saya

Jika belum, silahkan buat sebuah folder kosong dan isi dengan file-file proyek kamu lalu arahkan aplikasi command line kamu ke dalam folder yang baru saja dibuat.

Selanjutnya, jalankan perintah:

firebase init

Perintah tersebut digunakan untuk menjadikan folder proyek kamu menjadi firebase project folder.

Simulasi Hosting

Jika kamu ingin melakukan simulasi hosting di lokal komputer, maka cukup jalankan perintah berikut di dalam folder proyek kamu:

firebase emulators:start

Ketika mengeksekusi perintah tersebut, biasanya kamu akan diminta untuk menjawab beberapa pertanyaan guna melengkapi pengaturan firebase project folder kamu.

View dan Share

Terkadang sebelum melakukan perilisan proyek, kita ingin mengakses proyek hanya untuk sebagian orang di dalam tim sebelum dapat diakses oleh setiap orang secara publik. Hal ini dapat digunakan dengan cara mengeksekusi perintah berikut:

firebase hosting:channel:deploy

Deploy

Akhirnya kita sampai ke tahap perilisan secara publik (Deploy). Dengan Firebase Hosting ini kamu cukup mengeksekusi perintah berikut:

firebase deploy

Penutup

Sampai di tahap Deploy kamu sudah dapat mengakses situs kamu melalui URL yang disediakan oleh Firebase. Artikel ini memang masih jauh dari kata lengkap, karena hanya mengikuti apa yang saya lakukan selama proses deployment proyek saya. Saya harap masih bisa mengembangkan artikel ini dikemudian hari. Terima kasih kepada kamu yang membaca artikel ini.