Mengintegrasikan framework web dengan Hosting

Firebase Hosting terintegrasi dengan framework web modern yang populer termasuk Angular dan Next.js. Dengan menggunakan Firebase Hosting dan Cloud Functions for Firebase dengan framework ini, Anda dapat mengembangkan aplikasi dan microservice di lingkungan framework pilihan Anda, lalu men-deploy-nya di lingkungan server yang aman dan terkelola. Dukungan selama pratinjau awal ini mencakup fungsi berikut:

  • Men-deploy aplikasi Web yang terdiri dari konten web statis
  • Men-deploy aplikasi Web yang menggunakan pra-rendering / Static Site Generation (SSG)
  • Men-deploy aplikasi Web yang menggunakan Rendering sisi server (SSR)—rendering server lengkap secara on demand

Firebase menyediakan fungsi ini melalui Firebase CLI. Saat menginisialisasi Hosting di command line, Anda memberikan informasi tentang project Web yang baru atau yang sudah ada, dan CLI akan menyiapkan resource yang tepat untuk framework Web yang Anda pilih.

Prasyarat

  • Firebase CLI versi 11.14.2 atau yang lebih baru. Pastikan untuk menginstal CLI menggunakan metode pilihan Anda.
  • Opsional: Penagihan diaktifkan di project Firebase Anda (wajib jika Anda berencana menggunakan SSR).

Menayangkan secara lokal

Anda dapat menguji integrasi secara lokal dengan mengikuti langkah-langkah berikut:

  1. Jalankan firebase emulators:start dari terminal. Tindakan ini akan mem-build aplikasi Anda dan menayangkannya menggunakan Firebase CLI.
  2. Buka aplikasi web di URL lokal yang ditampilkan oleh CLI (biasanya http://localhost:5000).

Men-deploy aplikasi Anda ke Firebase Hosting

Setelah siap membagikan perubahan Anda kepada dunia, deploy aplikasi ke situs live:

  1. Jalankan firebase deploy dari terminal.
  2. Periksa situs Anda di: SITE_ID.web.app atau PROJECT_ID.web.app (atau domain kustom, jika Anda menyiapkannya).

Langkah berikutnya

Lihat panduan mendetail untuk framework pilihan Anda: