Hosting Firebase zapewnia szybki, bezpieczny i niezawodny sposób hostowania statycznych zasobów aplikacji (HTML, CSS, JavaScript, plików multimedialnych itp.), A także obsługi zawartości dynamicznej i mikrousług .
Nasz hosting klasy produkcyjnej jest obsługiwany przez globalną sieć dostarczania treści (CDN). Hosting domyślnie obsługuje Twoje treści przez SSL i może być używany z własną domeną niestandardową lub w bezpłatnych subdomenach projektu 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ę interfejsu wiersza polecenia Firebase, aby dowiedzieć się, jak zainstalować interfejs CLI lub zaktualizować go 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 poleceń interfejsu wiersza polecenia Firebase:
Wybierz projekt Firebase, aby połączyć się z lokalnym katalogiem projektów.
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 publicznie udostępniane pliki statyczne, w tym plik
index.html
i wszelkie inne zasoby, które chcesz wdrożyć w Hostingu Firebase.Wartość domyślna publicznego katalogu głównego to
public
.Możesz określić swój publiczny katalog główny teraz lub możesz określić go 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.html
lub404.html
w swoim 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 inicjalizacji Firebase automatycznie tworzy i dodaje dwa pliki do katalogu głównego lokalnego katalogu aplikacji:
Plik konfiguracyjny
firebase.json
zawierający listę konfiguracji projektu. Dowiedz się więcej o tym pliku na stronie konfiguracji zachowania hostingu .Plik
.firebaserc
, w którym są przechowywane aliasy projektów .
Krok 3 : Wdróż w swojej witrynie
Aby wdrożyć w swojej 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 lokalnych testach swojej 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 aktywnej 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ą dotyczącą interfejsu wiersza polecenia Firebase .
Przygotuj się do uruchomienia aplikacji:
- Skonfiguruj alerty dotyczące budżetu dla swojego projektu w Google Cloud Console.
- Monitoruj pulpit nawigacyjny Użycie i rozliczenia w konsoli Firebase, aby uzyskać ogólny obraz wykorzystania projektu w wielu usługach Firebase. Możesz również odwiedzić pulpit nawigacyjny Wykorzystanie hostingu, aby uzyskać bardziej szczegółowe informacje o użytkowaniu.
- Przejrzyj listę kontrolną uruchamiania Firebase .