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.html
i 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.html
ani404.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.json
z 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.app
PROJECT_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.