Firebase Hosting to szybki, bezpieczny i niezawodny sposób na hostowanie statycznych zasobów aplikacji (HTML, CSS, JavaScript, pliki multimedialne itp.), a także na udostępnianie treści dynamicznych i hostowanie mikroserwisów.
Nasz hosting klasy produkcyjnej jest obsługiwany przez globalną sieć dostarczania treści (CDN). Hosting domyślnie wyświetla treści przez SSL i może być używany
z własną domeną niestandardową lub w subdomenach projektu
bezpłatnie w web.app i firebaseapp.com.
Zanim zaczniesz
Zanim skonfigurujesz Firebase Hosting, musisz utworzyć projekt w Firebase.
Krok 1. Zainstaluj interfejs wiersza poleceń Firebase
Aby dowiedzieć się, jak zainstalować interfejs wiersza poleceń lub zaktualizować go do najnowszej wersji, zapoznaj się z dokumentacją interfejsu wiersza poleceń Firebase.
Krok 2. Zainicjuj projekt
Aby połączyć pliki projektu lokalnego z projektem w Firebase, uruchom to polecenie w katalogu głównym katalogu projektu lokalnego:
firebase init hosting
Podczas inicjowania projektu w wierszu poleceń Firebase:
Wybierz projekt Firebase, z którym chcesz połączyć lokalny katalog projektu.
Wybrany projekt Firebase jest „domyślnym” projektem Firebase dla lokalnego katalogu projektu. Aby połączyć dodatkowe projekty Firebase z lokalnym katalogiem projektu, skonfiguruj aliasy projektu.
Określ katalog, który ma być używany jako publiczny katalog główny.
Ten katalog zawiera wszystkie publicznie udostępniane pliki statyczne, w tym plik
index.htmli inne zasoby, które chcesz wdrożyć w Firebase Hosting.Aplikacje statyczne: jeśli wdrażasz aplikację statyczną:
Domyślna nazwa publicznego katalogu głównego to
public.Możesz określić publiczny katalog główny teraz lub możesz określić go później w pliku
firebase.jsonkonfiguracyjnym.Jeśli wybierzesz domyślny katalog i nie masz jeszcze katalogu o nazwie
public, Firebase utworzy go dla Ciebie.Jeśli w publicznym katalogu głównym nie masz jeszcze prawidłowego pliku
index.htmllub404.html, Firebase utworzy je dla Ciebie.
Włącz App Hosting: jeśli interfejs wiersza poleceń wykryje funkcje platformy internetowej SSR, takie jak Next.js lub Angular Universal, może zalecić zainicjowanie Firebase App Hosting. App Hosting to zalecane rozwiązanie do wdrażania aplikacji z pełnym stosem. Możesz kontynuować konfigurację App Hosting lub kontynuować Hosting (klasycznego) w przypadku wdrożeń tylko statycznych.
Wybierz konfigurację witryny.
Jeśli zdecydujesz się utworzyć aplikację jednostronicową, Firebase automatycznie doda konfiguracje przekierowań dla Ciebie.
Po zakończeniu inicjowania Firebase automatycznie utworzy i doda 2 pliki do katalogu głównego lokalnej aplikacji:
Plik konfiguracyjny
firebase.json, który zawiera konfigurację projektu. Więcej informacji o tym pliku znajdziesz na stronie Konfigurowanie zachowania hostingu.Plik
.firebaserc, który przechowuje aliasy projektu.
Krok 3. Wdróż w witrynie
Aby wdrożyć w witrynie, uruchom to polecenie w katalogu głównym lokalnego projektu:
firebase deploy --only hosting
To polecenie wdraża treści i konfigurację Hosting w tych subdomenach udostępnionych przez Firebase:
PROJECT_ID.web.appPROJECT_ID.firebaseapp.com
Dowiedz się więcej o wdrażaniu i testowaniu witryny lokalnie.
Dalsze kroki
Twoja witryna jest już gotowa do udostępnienia całemu światu.
Stale ulepszaj witrynę. 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.
Dowiedz się więcej o dodatkowych możliwościach hostingu:
Zapoznaj się z pełną dokumentacją interfejsu wiersza poleceń Firebase.
Przygotuj się do opublikowania aplikacji:
- Skonfiguruj budżet alertów dla projektu w Google Cloud konsoli.
- Monitoruj panel Użycie i płatności w konsoli Firebase aby uzyskać ogólny obraz wykorzystania projektu w różnych usługach Firebase. Aby uzyskać bardziej szczegółowe informacje o użyciu, możesz też otworzyć panel Hosting Użycie hostingu.
- Zapoznaj się z listą kontrolną uruchamiania Firebase.