Firebase Hosting daje szybki, bezpieczny i niezawodny sposób gościć aktywów statyczne w aplikacji (HTML, CSS, JavaScript, pliki multimedialne, etc.), jak również służyć dynamicznej zawartości i gospodarz microservices .
Nasz hosting klasy produkcyjnej jest wspierany przez globalną sieć dostarczania treści (CDN). Hosting służy swoją zawartość przez SSL domyślnie i może być używany z własnej domenie niestandardowej lub nad projektem w wolnych subdomen web.app i firebaseapp.com .
Zanim zaczniesz
Zanim będzie można skonfigurować Firebase Hosting, trzeba stworzyć projekt Firebase .
Etap 1: Instalacja Firebase CLI
Odwiedź dokumentację Firebase CLI, aby dowiedzieć się, jak zainstalować CLI lub aktualizacji do najnowszej wersji .
Krok 2: Inicjalizacja projektu
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 monitów interfejsu Firebase CLI:
Wybierz projekt Firebase, aby połączyć się z lokalnym katalogiem projektu.
Wybrany projekt Firebase jest Twoim „domyślnym” projektem Firebase w lokalnym katalogu projektów. Aby podłączyć dodatkowe projekty Firebase do lokalnego katalogu projektu, skonfiguruj aliasy projektowych .
Określ katalog, który ma być używany jako publiczny katalog główny.
Ten katalog zawiera wszystkie publicznie obsługiwanych plików statycznych, w tym swojej
index.htmlpliku i innych aktywów, które chcą wdrożyć do Firebase Hosting.Wartość domyślna dla katalogu publicznego nazywa
public.Można określić katalog główny publicznego teraz lub można określić ją później w
firebase.jsonpliku konfiguracyjnym.Jeśli wybierzesz domyślną i nie mają już katalog o nazwie
public, Firebase tworzy go dla Ciebie.
Jeżeli nie masz jeszcze ważny
index.htmlplik lub404.htmlplik w katalogu publicznym, Firebase tworzy je dla Ciebie.
Wybierz konfigurację dla swojej witryny.
Jeśli wybierzesz zrobić aplikację jedną stronę, potem Firebase automatycznie dodaje przepisywania konfiguracje dla Ciebie.
Pod koniec inicjowania Firebase automatycznie tworzy i dodaje dwa pliki do katalogu głównego lokalnego katalogu aplikacji:
firebase.jsonplik konfiguracyjny, który opisuje konfigurację projektu. Dowiedz się więcej o tym pliku na configure gospodarzem zachowanie strony..firebasercplik, który przechowuje aliasy projektowych .
Krok 3: Deploy na swojej stronie
Aby wdrożyć w 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 wdraża, a nawet lokalnie testowania witryny .
Następne kroki
Teraz Twoja witryna jest gotowa do udostępnienia całemu ś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. Śledź ten przewodnik krok po kroku .
Dowiedz się więcej o możliwościach hostingu:
Spójrz na pełnej dokumentacji dla Firebase CLI .
Przygotuj się do uruchomienia aplikacji:
- Skonfigurować alerty budżetu dla projektu w konsoli Google Cloud.
- Monitorować Wykorzystanie i deski rozdzielczej rozliczeniowe w konsoli Firebase aby uzyskać ogólny obraz zużycia Twojego projektu w wielu usług Firebase. Można również odwiedzić Hosting pulpit Wykorzystanie celu uzyskania bardziej szczegółowych informacji użytkowania.
- Przeglądu launch kontrolną Firebase .