Hosting Firebase zapewnia szybki, bezpieczny i niezawodny sposób hostowania statycznych zasobów aplikacji (HTML, CSS, JavaScript, pliki multimedialne itp.), a także udostępniania treści dynamicznych i hostowania mikrousług .
Nasz hosting klasy produkcyjnej jest wspierany 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 subdomenach Twojego projektu bez żadnych kosztów w web.app
i firebaseapp.com
.
Zanim zaczniesz
Zanim skonfigurujesz Hosting Firebase, musisz utworzyć projekt Firebase .
Krok 1 : Zainstaluj interfejs wiersza polecenia Firebase
Odwiedź dokumentację Firebase CLI, 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 w katalogu głównym lokalnego katalogu projektu:
firebase init hosting
Podczas inicjowania projektu, z wiersza poleceń 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 ma być używany jako publiczny katalog główny.
Ten katalog zawiera wszystkie udostępniane publicznie pliki statyczne, w tym plik
index.html
i wszelkie inne zasoby, które chcesz wdrożyć w Hostingu Firebase.Domyślna nazwa publicznego katalogu głównego to
public
.Możesz określić swój publiczny katalog główny teraz lub później w pliku konfiguracyjnym
firebase.json
.Jeśli wybierzesz wartość domyślną i nie masz jeszcze katalogu o nazwie
public
, Firebase utworzy go za Ciebie.
Jeśli nie masz jeszcze prawidłowego pliku
index.html
lub pliku404.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 konfigurację Twojego projektu. Dowiedz się więcej o tym pliku na stronie konfiguracji zachowania hostingu .Plik
.firebaserc
, który przechowuje aliasy twojego projektu .
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 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ę o dalszych 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 pulpit nawigacyjny Wykorzystanie i rozliczenia w konsoli Firebase, aby uzyskać ogólny obraz wykorzystania projektu w wielu usługach Firebase. Możesz także odwiedzić pulpit nawigacyjny użytkowania hostingu, aby uzyskać bardziej szczegółowe informacje o użytkowaniu.
- Przejrzyj listę kontrolną uruchamiania Firebase .