Integracja platform internetowych z Hostingiem

Firebase Hosting integruje się z popularnymi nowoczesnymi platformami internetowymi, takimi jak Angular i Next.js. Korzystając z usług Firebase Hosting i Cloud Functions for Firebase w tych platformach, możesz tworzyć aplikacje i mikroserwisy w wybranym środowisku platformy, a następnie wdrażać je w zarządzanym, bezpiecznym środowisku serwera.

W ramach tego wczesnego dostępu oferujemy następujące funkcje:

  • wdrażać aplikacje internetowe składające się ze statycznych treści internetowych,
  • Wdrażanie aplikacji internetowych, które korzystają z wstępnego renderowania lub generowania statycznych witryn (SSG)
  • wdrażanie aplikacji internetowych, które korzystają z renderowania po stronie serwera – pełne renderowanie serwera na żądanie;

Firebase udostępnia tę funkcję za pomocą interfejsu Firebase. Podczas inicjowania Hosting w wierszu poleceń podajesz informacje o nowym lub istniejącym projekcie internetowym, a interfejs CLI konfiguruje odpowiednie zasoby dla wybranego frameworka internetowego.

Zanim zaczniesz

Zanim zaczniesz wdrażać aplikację w Firebase, zapoznaj się z tymi wymaganiami i opcjami:

  • Firebase Interfejs wiersza poleceń w wersji 12.1.0 lub nowszej. Pamiętaj, aby zainstalować interfejs wiersza poleceń wybraną metodą.
  • Opcjonalnie: włączone płatności w projekcie Firebase (wymagane, jeśli planujesz używać renderowania po stronie serwera)

Wyświetlanie lokalne

Aby przetestować integrację lokalnie, wykonaj te czynności:

  1. Uruchom firebase emulators:start w terminalu. Spowoduje to skompilowanie aplikacji i jej udostępnienie za pomocą interfejsu wiersza poleceń Firebase.
  2. Otwórz aplikację internetową pod lokalnym adresem URL zwróconym przez interfejs CLI (zwykle http://localhost:5000).

Wdrażanie aplikacji w Firebase Hosting

Gdy wszystko będzie gotowe do udostępnienia zmian, wdróż aplikację w witrynie na żywo:

  1. Uruchom firebase deploy w terminalu.
  2. Sprawdź swoją witrynę na stronie SITE_ID.web.app lub PROJECT_ID.web.app (lub w domenie Twojej firmy, jeśli ją skonfigurujesz).

Konfigurowanie różnych środowisk

Możesz wdrożyć wiele zestawów zmiennych środowiskowych dla różnych środowisk projektu, takich jak środowisko przejściowe i produkcyjne.

Podobnie jak Cloud Functions dla Firebase, to narzędzie obsługuje format pliku dotenv do wczytywania zmiennych środowiskowych określonych w pliku .env.

  • Jeśli masz staging alias projektu, możesz wdrożyć zmienne środowiskowe z pliku .env.staging.
  • Jeśli masz production alias projektu, możesz wdrożyć zmienne środowiskowe z pliku .env.production.
  • Jeśli masz projekt o identyfikatorze PROJECT_ID, możesz wdrożyć zmienne środowiskowe z pliku .env.PROJECT_ID.

Szczegółowe informacje znajdziesz w dokumentacji Cloud Functions.

Dalsze kroki

Szczegółowe informacje znajdziesz w przewodniku dotyczącym wybranego frameworka: