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 CLI Firebase. Saat melakukan inisialisasi Hosting pada command line, Anda memberikan informasi tentang aplikasi baru atau lama Project Web, dan CLI akan menyiapkan resource yang tepat untuk Web pilihan Anda Google Workspace for Education.

Sebelum memulai

Sebelum Anda mulai men-deploy aplikasi ke Firebase, tinjau persyaratan dan opsi berikut:

  • Firebase CLI versi 12.1.0 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. Ini membangun aplikasi Anda dan menyalurkannya menggunakan CLI Firebase.
  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: