Firebase Hosting zapewnia szybki, bezpieczny i niezawodny sposób hostowania zasobów statycznych aplikacji (HTML, CSS, JavaScript, pliki multimedialne itp.), a także przesyłania treści dynamicznych i hostowania mikrousług.
Nasz hosting klasy produkcyjnej jest obsługiwany przez globalną sieć dostarczania treści
(CDN). Hosting domyślnie udostępnia treści za pomocą protokołu SSL i może być używany z Twoją domeną niestandardową lub subdomenami Twojego projektu bezpłatnie na web.app
i firebaseapp.com
.
Zanim zaczniesz
Zanim skonfigurujesz usługę Firebase Hosting, musisz utworzyć projekt Firebase.
Krok 1. Zainstaluj interfejs wiersza poleceń Firebase
Zapoznaj się z dokumentacją interfejsu wiersza poleceń Firebase, aby dowiedzieć się, jak zainstaluj interfejs wiersza poleceń lub zaktualizować ją do najnowszej wersji.
Krok 2. Zainicjuj projekt
Aby połączyć pliki projektów lokalnych z projektem Firebase, uruchom następujące polecenie w katalogu głównym projektu lokalnego:
firebase init hosting
Podczas inicjowania projektu z poziomu promptów interfejsu wiersza poleceń Firebase:
Wybierz projekt Firebase, który chcesz połączyć z lokalnym katalogiem projektu.
Wybrany projekt Firebase jest ustawiony jako „domyślny” Projekt Firebase dla Twojego katalogu projektu. Aby połączyć dodatkowe projekty Firebase z lokalnym katalogiem projektu, skonfiguruj aliasy projektów.
Podaj katalog, który ma być używany jako publiczny katalog główny.
Ten katalog zawiera wszystkie udostępniane publicznie pliki statyczne, w tym
index.html
plik i wszystkie inne zasoby, w których chcesz wdrożyć usługę Firebase HostingDomyślny katalog główny publiczny nosi nazwę
public
.Możesz określić publiczny katalog główny teraz lub określ je później w
firebase.json
plik konfiguracji.Jeśli wybierzesz domyślną wartość, a nie masz jeszcze katalogu o nazwie
public
, Firebase tworzy ją za Ciebie.
Jeśli w swoim publicznym katalogu głównym nie masz jeszcze prawidłowego pliku
index.html
ani404.html
, Firebase utworzy je dla Ciebie.
Wybierz konfigurację witryny.
Jeśli zdecydujesz się na aplikację jednostronicową, Firebase automatycznie doda konfiguracje przekształcania.
Po zakończeniu inicjalizacji Firebase automatycznie tworzy 2 pliki i dodaje je do głównego katalogu lokalnej aplikacji:
Plik konfiguracji
firebase.json
zawierający konfigurację projektu. Więcej informacji o tym pliku znajdziesz w skonfiguruj hosting.Plik
.firebaserc
, w którym przechowywane są aliasy projektów.
Krok 3. Wdróż w swojej witrynie
Aby wdrożyć to rozwiązanie w witrynie, uruchom to polecenie w katalogu głównym katalog projektu:
firebase deploy --only hosting
To polecenie wdraża Twoje treści i konfigurację Hosting do tych subdomen utworzonych w Firebase:
PROJECT_ID.web.app
PROJECT_ID.firebaseapp.com
Dowiedz się więcej o wdrażaniu i testowaniu witryny lokalnie.
Dalsze kroki
Teraz możesz udostępnić swoją witrynę całemu światu.
Ulepszaj swoją witrynę. Przetestuj lokalnie, udostępniaj zmiany tymczasowo podglądu, a potem wdróż go w działającej witrynie. Skorzystaj z przewodnika krok po kroku.
Dowiedz się więcej o dodatkowych możliwościach hostingu:
Zapoznaj się z pełną dokumentacją interfejsu wiersza poleceń Firebase.
Przygotowanie do wprowadzenia aplikacji:
- Określ budżet alerty swojego projektu w konsoli Google Cloud.
- Monitorowanie korzystania i płatności panel w konsoli Firebase, aby uzyskać ogólny obraz i wielu usług Firebase. Więcej szczegółowych informacji o wykorzystaniu znajdziesz też w Hostingpanelu.
- Zapoznaj się z listą kontrolną uruchamiania Firebase.