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.htmli 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.htmllub pliku404.htmlw 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.jsonzawierają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 .