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). Usługa Hosting domyślnie udostępnia Twoje treści przez protokół SSL i może być używana
z własną domeną niestandardową lub w
bezpłatnie w domenach 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. Inicjuj 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 projektów.
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ślnie publiczny katalog główny to
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 nie masz jeszcze prawidłowego pliku
index.html
lub404.html
do publicznego katalogu głównego, Firebase utworzy go za Ciebie.
Wybierz konfigurację witryny.
Jeśli utworzysz aplikację jednostronicową, Firebase automatycznie doda do niej przepisywania konfiguracji.
Po zakończeniu inicjowania Firebase automatycznie tworzy i dodaje 2 pliki do katalogu głównego lokalnego katalogu aplikacji:
Plik konfiguracji
firebase.json
zawierający konfigurację projektu. Więcej informacji o tym pliku znajdziesz na stronie Konfigurowanie zachowania hostowania.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 treści i konfigurację z Hosting w następujących Subdomeny obsługiwane przez Firebase:
PROJECT_ID.web.app
PROJECT_ID.firebaseapp.com
Więcej informacji o wdrażania, a nawet lokalnie testuje witrynę.
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. Obserwuj to przewodnik 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. Możesz też zapoznać się z informacjami na stronie Hosting Użycie panel, aby dowiedzieć się więcej szczegółowe informacje o korzystaniu.
- Zapoznaj się z listą kontrolną uruchamiania Firebase.