Hosting Firebase zapewnia szybki, bezpieczny i niezawodny sposób hostowania zasobów statycznych aplikacji (HTML, CSS, JavaScript, pliki multimedialne itp.), a także wyświetlanie treści dynamicznych i hostingu mikroserwisów.
Nasz hosting klasy produkcyjnej jest obsługiwany przez globalną sieć dostarczania treści (CDN). Domyślnie hostowane treści są udostępniane przez protokół SSL. Z web.app i firebaseapp.com można korzystać bezpłatnie we własnej domenie niestandardowej lub w subdomenach projektu.
Zanim zaczniesz
Zanim skonfigurujesz Hosting Firebase, musisz utworzyć projekt Firebase.
Krok 1. Zainstaluj interfejs wiersza poleceń Firebase
Informacje o tym, jak zainstalować interfejs wiersza poleceń lub zaktualizować go do najnowszej wersji, znajdziesz w dokumentacji interfejsu wiersza poleceń Firebase.
Krok 2. Zainicjuj projekt
Aby połączyć pliki projektu lokalnego z projektem Firebase, uruchom to polecenie w głównym katalogu projektu lokalnego:
firebase init hosting
Podczas inicjowania projektu z poziomu interfejsu wiersza poleceń Firebase:
Wybierz projekt Firebase, który chcesz połączyć z lokalnym katalogiem projektów.
Wybrany projekt Firebase jest „domyślnym” projektem Firebase dla lokalnego katalogu projektów. Aby połączyć dodatkowe projekty Firebase z lokalnym katalogiem projektów, skonfiguruj aliasy projektów.
Podaj katalog, który będzie używany jako publiczny katalog główny.
Ten katalog zawiera wszystkie udostępnione publicznie pliki statyczne, w tym plik
index.htmli wszelkie inne zasoby, które chcesz wdrożyć w Hostingu Firebase.Domyślnie publiczny katalog główny to
public.Możesz podać publiczny katalog główny teraz lub określić go później w pliku konfiguracji
firebase.json.Jeśli wybierzesz katalog domyślny, ale nie masz jeszcze katalogu o nazwie
public, Firebase utworzy go za Ciebie.
Jeśli w publicznym katalogu głównym nie masz jeszcze prawidłowego pliku
index.htmlani404.html, Firebase utworzy je za Ciebie.
Wybierz konfigurację witryny.
Jeśli zdecydujesz się utworzyć aplikację jednostronicową, Firebase automatycznie doda konfiguracje przepisywania.
Po zakończeniu inicjowania Firebase automatycznie tworzy i dodaje 2 pliki do głównego katalogu lokalnego katalogu aplikacji:
Plik konfiguracji
firebase.jsonz listą konfiguracji projektu. Więcej informacji o tym pliku znajdziesz na stronie konfigurowania zachowania hostingu.Plik
.firebaserc, który zawiera aliasy projektu.
Krok 3. Wdróż w swojej witrynie
Aby przeprowadzić wdrożenie w witrynie, uruchom to polecenie w głównym katalogu projektu lokalnego:
firebase deploy --only hosting
To polecenie wdraża Twoje treści z Hostingu i konfiguruje je w następujących subdomenach udostępnianych przez Firebase:
PROJECT_ID.web.appPROJECT_ID.firebaseapp.com
Dowiedz się więcej o wdrożeniach, a nawet testowaniu witryny lokalnej.
Dalsze kroki
Teraz możesz udostępnić swoją witrynę całemu światu.
Ulepszaj swoją witrynę. Przetestuj go lokalnie, udostępnij zmiany pod tymczasowym adresem URL podglądu, a potem wdróż zmiany w działającej witrynie. Wykonaj czynności opisane w tym przewodniku 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:
- W konsoli Google Cloud skonfiguruj alerty dotyczące budżetu dla swojego projektu.
- Monitoruj wykorzystanie i płatności panel w konsoli Firebase, aby mieć ogólny obraz wykorzystania projektu w wielu usługach Firebase. Szczegółowe informacje o wykorzystaniu możesz też znaleźć w panelu Wykorzystanie hostingu.
- Zapoznaj się z listą kontrolną uruchamiania Firebase.