Firebase Hosting integruje się z popularnymi nowoczesnymi platformami internetowymi, takimi jak Angular i Next.js. Korzystając z Firebase Hosting i Cloud Functions for Firebase z tymi platformami, możesz tworzyć aplikacje i mikroserwisy w preferowanym środowisku platformy, a następnie wdrażać je w zarządzanym, bezpiecznym środowisku serwerowym.
Wczesna wersja testowa obejmuje te funkcje:
- wdrażanie aplikacji internetowych składających się ze statycznej treści internetowej;
- wdrażanie aplikacji internetowych, które korzystają z wstępnego renderowania lub generowania statycznych stron (SSG);
- wdrażanie aplikacji internetowych, które korzystają z renderowania po stronie serwera (SSR) – pełne renderowanie po stronie serwera na żądanie.
Firebase udostępnia tę funkcję za pomocą interfejsu wiersza poleceń Firebase. Podczas inicjowania Hosting w wierszu poleceń podajesz informacje o nowym lub istniejącym projekcie internetowym, a interfejs wiersza poleceń konfiguruje odpowiednie zasoby dla wybranej platformy internetowej.
Zanim zaczniesz
Zanim zaczniesz wdrażać aplikację w Firebase, zapoznaj się z tymi wymaganiami i opcjami:
- Firebase wiersza poleceń w wersji 12.1.0 lub nowszej. Zainstaluj interfejs wiersza poleceń za pomocą preferowanej metody.
- Opcjonalnie: włączone płatności w projekcie Firebase (wymagane, jeśli planujesz korzystać z SSR).
Testowanie lokalne
Integrację możesz przetestować lokalnie, wykonując te czynności:
- W terminalu uruchom polecenie
firebase emulators:start. Spowoduje to utworzenie aplikacji i udostępnienie jej za pomocą interfejsu wiersza poleceń Firebase. - Otwórz aplikację internetową pod lokalnym adresem URL zwróconym przez interfejs wiersza poleceń (zwykle http://localhost:5000).
Wdrażanie aplikacji w Firebase Hosting
Gdy będziesz gotowy(-a) do udostępnienia zmian, wdróż aplikację w swojej witrynie:
- W terminalu uruchom polecenie
firebase deploy. - Sprawdź swoją witrynę pod adresem
SITE_ID.web.applubPROJECT_ID.web.app(albo w domenie niestandardowej, jeśli ją skonfigurujesz).
Konfigurowanie różnych środowisk
Możesz wdrożyć kilka zestawów zmiennych środowiskowych dla różnych środowisk projektu, takich jak środowisko testowe 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 alias projektu
staging, możesz wdrożyć zmienne środowiskowe z pliku.env.staging. - Jeśli masz alias projektu
production, 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ółowy przewodnik znajdziesz w dokumentacji Cloud Functions.
Dalsze kroki
Szczegółowy przewodnik dotyczący preferowanej platformy znajdziesz tutaj: