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.htmli 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.htmllub404.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 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 .