Firebase Studio oferuje wiele opcji publikowania, dzięki czemu możesz wybrać metodę, która najlepiej odpowiada potrzebom Twojego projektu. Oto przegląd dostępnych opcji:
Firebase App Hosting: idealna do publikowania dynamicznych aplikacji Next.js i Angular, App Hosting oferuje wbudowaną obsługę platformy, integrację z GitHubem i integrację z innymi usługami Firebase, takimi jak Firebase Authentication, Cloud Firestore i Firebase AI Logic.
Jeśli aplikacja Next.js została opracowana za pomocą App Prototyping agent, możesz ją opublikować bezpośrednio z Firebase Studio kilkoma kliknięciami.
Firebase Hosting: dobrze nadaje się do hostowania aplikacji internetowych i statycznych treści internetowych (HTML, CSS, JavaScript, obrazy i inne statyczne zasoby) oraz aplikacji jednostronicowych. Firebase Hosting zapewnia szybkie dostarczanie treści za pomocą globalnej sieci CDN, bezpłatne certyfikaty SSL i obsługę niestandardowych domen.
Jeśli masz statyczną lub jednostronicową aplikację internetową w Firebase Studio, możesz ją opublikować bezpośrednio z Firebase Studio, prosząc Gemini w Firebase o jej opublikowanie.
Cloud Run: Użyj Cloud Run, aby wdrożyć aplikacje w kontenerach. Jest to dobry wybór do publikowania skalowalnych i przenośnych aplikacji, które mogą działać na dowolnej platformie.
Inne opcje wdrażania: wdróż w wybranym rozwiązaniu hostingowym, w tym na innych platformach lub na własnym serwerze.
Publikowanie i monitorowanie aplikacji za pomocą Firebase App Hosting
Po przetestowaniu aplikacji i uznaniu, że działa prawidłowo w obszarze roboczym, możesz opublikować ją w internecie za pomocą Firebase App Hosting.
Gdy skonfigurujesz App Hosting, Firebase Studio utworzy dla Ciebie projekt Firebase (jeśli nie został on jeszcze utworzony przez automatyczne wygenerowanie klucza Gemini API lub inne usługi backendu) i przeprowadzi Cię przez proces łączenia konta Cloud Billing.
Aby opublikować aplikację:
Kliknij Opublikuj, aby skonfigurować projekt Firebase i opublikować aplikację. Pojawi się panel Opublikuj aplikację.
W kroku Projekt Firebase ikona App Prototyping agent wyświetla projekt Firebase powiązany z obszarem roboczym. Jeśli projekt Firebase jeszcze nie istnieje, App Prototyping agent utworzy dla Ciebie nowy projekt. Aby kontynuować, kliknij Dalej.
W kroku Połącz konto Cloud Billing wybierz jedną z tych opcji:
Wybierz konto Cloud Billing, które chcesz połączyć z projektem Firebase.
Jeśli nie masz konta Cloud Billing lub chcesz utworzyć nowe, kliknij Utwórz konto Cloud Billing. Spowoduje to otwarcie konsoli Google Cloud, w której możesz utworzyć nowe konto samoobsługowe.Cloud Billing Po utworzeniu konta wróć na stronę Firebase Studio i wybierz je z listy Połącz Cloud Billing.
Kliknij Dalej. Firebase Studio łączy konto rozliczeniowe z projektem powiązanym z Twoją przestrzenią roboczą, utworzonym automatycznie podczas generowania klucza Gemini API lub po kliknięciu Opublikuj.
Kliknij Skonfiguruj usługi. Agent do prototypowania aplikacji rozpoczyna udostępnianie usług Firebase.
Kliknij Opublikuj teraz. Firebase Studio konfiguruje usługi Firebase, a następnie uruchamia wdrażanie App Hosting. Może to potrwać kilka minut. Więcej informacji o tym, co dzieje się w tle, znajdziesz w artykule Proces kompilacji App Hosting.
Po zakończeniu publikowania pojawi się Przegląd aplikacji z adresem URL i statystykami aplikacji opartymi na App Hosting. Aby zamiast domeny wygenerowanej przez Firebase używać domeny niestandardowej (np. example.com lub app.example.com), możesz dodać domenę niestandardową w konsoli Firebase.
Więcej informacji o App Hosting znajdziesz w artykule Wyjaśnienie, czym jest App Hosting i jak działa.
(Cloud Firestore tylko) Weryfikowanie reguł zabezpieczeń w środowisku produkcyjnym
Po zakończeniu publikowania i wdrożeniu aplikacji w Firebase Cloud Firestore i Firebase Authentication będą gotowe do testowania w środowisku produkcyjnym.
Wyświetlanie danych Cloud Firestore i Firebase Authentication w konsoli Firebase
Po opublikowaniu aplikacji możesz wyświetlać dane na żywo w Firebase konsoli.
Aby wyświetlić bazę danych Cloud Firestore na żywo, otwórz Firebase konsolę i w menu nawigacyjnym wybierz Tworzenie > Baza danych Firestore.
Możesz tu sprawdzać przechowywane dane, wyświetlać i testować reguły zabezpieczeń oraz tworzyć indeksy. Więcej informacji znajdziesz na stronie Cloud Firestore.
Aby wyświetlić dane na żywo Firebase Authentication, otwórz Firebasekonsolę i w menu nawigacyjnym wybierz Build (Kompilacja) > Authentication (Uwierzytelnianie).
Możesz tam sprawdzić konfigurację uwierzytelniania i użytkowników aplikacji. Więcej informacji znajdziesz na stronie Firebase Authentication.
Testowanie reguł Cloud Firestore w środowisku produkcyjnym
Po opublikowaniu aplikacji ponownie przetestuj Cloud Firestorereguły zabezpieczeń w środowisku produkcyjnym. Dzięki temu Twoje dane są dostępne dla upoważnionych użytkowników i chronione przed nieuprawnionym dostępem.
Reguły możesz testować za pomocą tych metod:
Testowanie aplikacji: korzystaj z wdrożonej aplikacji, wykonując operacje, które wywołują różne wzorce dostępu do danych (odczytywanie, zapisywanie, usuwanie) dla różnych ról lub stanów użytkowników. Testy w rzeczywistych warunkach pomagają potwierdzić, że reguły są prawidłowo egzekwowane w praktyce.
Środowisko do testowania reguł: w przypadku ukierunkowanych kontroli używaj środowiska do testowania reguł w Firebase konsoli. To narzędzie umożliwia symulowanie żądań (odczytu, zapisu, usuwania) w Cloud Firestore bazie danych przy użyciu reguł produkcyjnych. Możesz określić stan uwierzytelniania użytkownika, ścieżkę do danych i rodzaj operacji, aby sprawdzić, czy reguły zezwalają na dostęp lub go odmawiają zgodnie z oczekiwaniami.
Testowanie jednostkowe: aby przeprowadzić bardziej kompleksowe testy, możesz napisać testy jednostkowe dla reguł bezpieczeństwa. Firebase Studio Podgląd backendu obsługiwany przez Firebase Local Emulator Suite umożliwia lokalne przeprowadzanie tych testów, symulując działanie reguł produkcyjnych. To skuteczny sposób weryfikowania złożonej logiki reguł i potwierdzania zakresu różnych scenariuszy. Po wdrożeniu sprawdź, czy testy jednostkowe z użyciem emulatora działają zgodnie z oczekiwaniami i obejmują wszystkie scenariusze.
Monitorowanie aplikacji za pomocą usługi App Hosting dostrzegalności
Panel Omówienie aplikacji w Firebase Studio zawiera najważniejsze statystyki i informacje o Twojej aplikacji, dzięki czemu możesz monitorować jej wydajność za pomocą wbudowanych narzędzi do obserwacji App Hosting. Po wdrożeniu witryny możesz wyświetlić jej przegląd, klikając Opublikuj. W tym panelu możesz:
- Kliknij Opublikuj, aby opublikować nową wersję aplikacji.
- Udostępnij link do aplikacji lub otwórz ją bezpośrednio w sekcji Odwiedź aplikację.
- Sprawdź podsumowanie skuteczności aplikacji w ciągu ostatnich 7 dni, w tym łączną liczbę żądań i stan najnowszego wdrożenia. Aby uzyskać więcej informacji, kliknij Wyświetl szczegóły w Firebasekonsoli.
- Wyświetl wykres liczby żądań otrzymanych przez aplikację w ciągu ostatnich 24 godzin, podzielonych według kodu stanu HTTP.
- Wyświetlanie stanu aktywacji usług Firebase, takich jak Firebase Authentication i Cloud Firestore.
Jeśli zamkniesz panel Przegląd aplikacji, możesz go w każdej chwili ponownie otworzyć, klikając Opublikuj.
Dowiedz się więcej o zarządzaniu i monitorowaniu App Hosting wdrażania na stronie Zarządzanie wdrażaniem i wersjami.
Wycofywanie zmian wdrożenia App Hosting
Jeśli wdrożysz kolejne wersje aplikacji w App Hosting, możesz przywrócić jedną z wcześniejszych wersji. Możesz też usunąć tę funkcję.
Aby cofnąć opublikowaną witrynę:
Otwórz App Hosting w Firebasekonsoli.
Znajdź backend aplikacji, kliknij Wyświetl, a potem Wdrożenia.
Obok wdrożenia, do którego chcesz przywrócić poprzednią wersję, kliknij Więcej
, a następnie wybierz Przywróć poprzednią wersję i potwierdź.
Więcej informacji znajdziesz w artykule Zarządzanie wdrażaniem i wersjami.
Aby usunąć domenę App Hosting z internetu:
W Firebasekonsoli otwórz App Hosting i kliknij Wyświetl w sekcji aplikacji Firebase Studio.
W sekcji Informacje o backendzie kliknij Zarządzaj. Otworzy się strona Domeny.
Obok domeny kliknij Więcej
, a następnie wybierz Wyłącz domenę i potwierdź.
Spowoduje to usunięcie domeny z internetu. Aby całkowicie usunąć backend App Hosting, postępuj zgodnie z instrukcjami w artykule Usuwanie backendu.
Firebase Hosting
Możesz publikować statyczne i jednostronicowe aplikacje internetowe w Firebase Hosting z Firebase Studio.
Jeśli nie masz wymaganych uprawnień do projektu Firebase, poproś właściciela projektu Firebase o przypisanie Ci odpowiedniej roli na stronie Firebase Użytkownicy i uprawnienia w konsoli. Jeśli masz pytania dotyczące dostępu do projektu Firebase, w tym o znajdowanie i przypisywanie właściciela, zapoznaj się z artykułem Uprawnienia i dostęp do projektów Firebase.
Publikowanie za pomocą Gemini w Firebase
W czacie Gemini in Firebase wpisz prompta, np. „Opublikuj moją aplikację”.
Gemini in Firebase przeprowadzi Cię przez niezbędne kroki. Może to obejmować utworzenie projektu Firebase i zarejestrowanie aplikacji, jeśli nie zostało to jeszcze zrobione.
Publikowanie z panelu Firebase Studio
Firebase Hosting jest zoptymalizowany pod kątem witryn statycznych i aplikacji jednostronicowych. Jeśli Twój projekt zawiera treści dynamiczne, Gemini w Firebase może nie zainicjować procesu publikowania. Jeśli tak się stanie, ale nadal chcesz korzystać z Firebase Hosting, opublikuj projekt z panelu Firebase Studio:
Jeśli jeszcze tego nie zrobiono, utwórz projekt Firebase i zarejestruj aplikację.
Otwórz Firebase Studio obszar roboczy.
- Jeśli używasz App Prototyping agent, kliknij Przełącz na kod, aby otworzyć widok Code.
- Jeśli używasz App Prototyping agent, kliknij Przełącz na kod, aby otworzyć widok Code.
W panelu nawigacyjnym kliknij ikonę Firebase Studio, aby otworzyć panel, a następnie rozwiń sekcję Firebase Hosting.
Kliknij Authenticate Firebase (Uwierzytelnij Firebase) i postępuj zgodnie z instrukcjami w oknie terminala, aby uwierzytelnić konto Firebase.
Kliknij InitializeFirebase Hosting (Zainicjuj) i postępuj zgodnie z instrukcjami w oknie terminala, aby skonfigurować wdrożenie.
Aby wdrożyć aplikację, w sekcji Firebase Hosting panelu Firebase Studio kliknij Wdróż w wersji produkcyjnej lub Wdróż na kanale.
Cloud Run
Zanim wdrożysz aplikację za pomocą Cloud Run, skonfiguruj projekt Google Cloud i włącz Cloud Billing.
Otwórz Firebase Studio obszar roboczy. Jeśli używasz App Prototyping agent, kliknij Przełącz na kod, aby otworzyć widok Code.
W panelu nawigacji kliknij ikonę Firebase Studio, aby otworzyć panel Firebase Studio, a następnie kliknij Wdróż w Cloud Run.
Kliknij Zezwól temu obszarowi roboczemu na dostęp do zasobów Google Cloud za pomocą mojego konta Google, a następnie w oknach dialogowych wybierz projekt Google Cloud z włączonymi płatnościami.
W sekcji Cloud Run panelu Firebase Studio kliknij Uwierzytelnij i postępuj zgodnie z instrukcjami, aby się uwierzytelnić.
Kliknij Wdróż i postępuj zgodnie z instrukcjami, aby skonfigurować wdrożenie i wdrożyć aplikację.