Hosting Firebase zapewnia szybki, bezpieczny i niezawodny sposób na hostowanie statycznych zasobów aplikacji (HTML, CSS, JavaScript, pliki multimedialne itp.), a także na serwowanie treści dynamicznych i hostowanie mikroserwisów .
Nasz hosting na poziomie produkcyjnym jest wspierany przez globalną sieć dostarczania treści (CDN). Hosting domyślnie udostępnia Twoje treści przez SSL i może być używany z własną domeną niestandardową lub w subdomenach projektu bez żadnych kosztów w web.app i firebaseapp.com .
Zanim zaczniesz
Aby móc skonfigurować Hosting Firebase, musisz utworzyć projekt Firebase .
Krok 1 : Zainstaluj Firebase CLI
Odwiedź dokumentację Firebase CLI, aby dowiedzieć się, jak zainstalować CLI lub zaktualizować do najnowszej wersji .
Krok 2 : Zainicjuj swój projekt
Aby połączyć lokalne pliki projektu z projektem Firebase, uruchom następujące polecenie z katalogu głównego lokalnego katalogu projektu:
firebase init hosting
Podczas inicjowania projektu z monitów interfejsu Firebase CLI:
Wybierz projekt Firebase, aby połączyć się z lokalnym katalogiem projektu.
Wybrany projekt Firebase jest Twoim „domyślnym” projektem Firebase w lokalnym katalogu projektów. Aby połączyć dodatkowe projekty Firebase z lokalnym katalogiem projektów, skonfiguruj aliasy projektów .
Określ katalog, który będzie używany jako publiczny katalog główny.
Ten katalog zawiera wszystkie udostępniane publicznie pliki statyczne, w tym plik
index.htmli wszelkie inne zasoby, które chcesz wdrożyć w Hostingu Firebase.Domyślnie publiczny katalog główny nazywa się
public.Możesz określić swój publiczny katalog główny teraz lub później w pliku konfiguracyjnym
firebase.json.Jeśli wybierzesz domyślny i nie masz jeszcze katalogu o nazwie
public, Firebase utworzy go za Ciebie.
Jeśli nie masz jeszcze prawidłowego pliku
index.htmllub pliku404.htmlw publicznym katalogu głównym, Firebase utworzy je za Ciebie.
Wybierz konfigurację dla swojej witryny.
Jeśli zdecydujesz się utworzyć aplikację jednostronicową, Firebase automatycznie doda za Ciebie konfiguracje przepisywania .
Pod koniec inicjowania Firebase automatycznie tworzy i dodaje dwa pliki do katalogu głównego lokalnego katalogu aplikacji:
Plik konfiguracyjny
firebase.jsonzawierający listę konfiguracji projektu. Dowiedz się więcej o tym pliku na stronie konfiguracji zachowania hostingu .Plik
.firebaserc, który przechowuje aliasy projektu .
Krok 3 : Wdróż w swojej witrynie
Aby wdrożyć w witrynie, uruchom następujące polecenie z katalogu głównego lokalnego katalogu projektu:
firebase deploy --only hosting
To polecenie wdraża zawartość i konfigurację Hostingu w następujących subdomenach obsługiwanych przez Firebase:
-
PROJECT_ID .web.app -
PROJECT_ID .firebaseapp.com
Dowiedz się więcej o wdrożeniach, a nawet o lokalnym testowaniu witryny .
Następne kroki
Teraz Twoja witryna jest gotowa do udostępnienia światu!
Kontynuuj ulepszanie swojej witryny. Testuj lokalnie, udostępniaj zmiany pod tymczasowym adresem URL podglądu, a następnie wdrażaj w działającej witrynie. Postępuj zgodnie z tym przewodnikiem krok po kroku .
Dowiedz się więcej o możliwościach hostingu:
Zapoznaj się z pełną dokumentacją Firebase CLI .
Przygotuj się do uruchomienia aplikacji:
- Skonfiguruj alerty budżetowe dla swojego projektu w Google Cloud Console.
- Monitoruj panel użycia i rozliczeń w konsoli Firebase, aby uzyskać ogólny obraz wykorzystania projektu w wielu usługach Firebase. Możesz również odwiedzić pulpit nawigacyjny użytkowania hostingu , aby uzyskać bardziej szczegółowe informacje o użytkowaniu.
- Przejrzyj listę kontrolną uruchamiania Firebase .