{"id":99878,"date":"2023-01-04T16:11:21","date_gmt":"2023-01-04T15:11:21","guid":{"rendered":"https:\/\/fotc.com\/?p=99878"},"modified":"2023-11-27T09:28:54","modified_gmt":"2023-11-27T08:28:54","slug":"firebase-hosting-jak-z-niego-korzystac-i-czy-warto","status":"publish","type":"post","link":"https:\/\/fotc.com\/pl\/blog\/firebase-hosting-jak-z-niego-korzystac-i-czy-warto\/","title":{"rendered":"Firebase Hosting \u2013 jak z niego korzysta\u0107 i czy warto?"},"content":{"rendered":"\n
Dzi\u0119ki coraz bardziej wydajnym przegl\u0105darkom internetowym oraz znacznemu uproszczeniu framework\u00f3w front-endowych JavaScript, takich jak Angular czy Polymer, tworzenie bogatych w aplikacje stron internetowych sta\u0142o si\u0119 jeszcze \u0142atwiejsze. Sprawia to, \u017ce mo\u017cesz tworzy\u0107 aplikacje, korzystaj\u0105c wy\u0142\u0105cznie z plik\u00f3w statycznych, takich jak HTML, CSS czy JavaScript. S\u0142u\u017cy do tego platforma Firebase<\/a>. Natomiast hostowanie zapewni nam Firebase Hosting. Czym jest i jak z niego skorzysta\u0107?<\/p>\n\n\n\n Firebase Hosting to w pe\u0142ni zarz\u0105dzana us\u0142uga hostingu tre\u015bci, zar\u00f3wno statycznych, jak i dynamiczny, czy te\u017c mikrous\u0142ug. Ca\u0142o\u015b\u0107 wspiera pami\u0119\u0107 masowa SSD oraz sie\u0107 globalna CDN co przeciwdzia\u0142a pojawianiu si\u0119 op\u00f3\u017anie\u0144. Bezpiecze\u0144stwo zapewnia wbudowany SSL, kt\u00f3ry nie wymaga konfiguracji. Oznacza to, \u017ce stworzone przez Ciebie strony czy us\u0142ugi ju\u017c od pocz\u0105tku zyskaj\u0105 tak po\u017c\u0105dan\u0105 zielon\u0105 k\u0142\u00f3dk\u0119.<\/p>\n\n\n\n Szczeg\u00f3ln\u0105 popularno\u015bci\u0105 cieszy si\u0119 hostowanie mikroserwis\u00f3w. Wystarczy po\u0142\u0105czy\u0107 Firebase Hosting z Cloud Functions i za po\u015brednictwem platformy Express.js tworzy\u0107 mikrous\u0142ugi, jak r\u00f3wnie\u017c interfejsy API. To przede wszystkim przyjazne w obs\u0142udze narz\u0119dzie zbudowane dla aplikacji front-endowych, kt\u00f3re stworzono z my\u015bl\u0105 o wsp\u00f3\u0142czesnych programistach stron internetowych, kt\u00f3rzy potrzebuj\u0105 posiada\u0107 w jednym miejscu infrastruktur\u0119, funkcje oraz narz\u0119dzia do wdra\u017cania stron internetowych i aplikacji, jak r\u00f3wnie\u017c mo\u017cliwo\u015b\u0107 zarz\u0105dzania nimi.<\/p>\n\n\n\n Dzi\u0119ki wspomnianemu wcze\u015bniej wbudowanemu w Firebase Hosting protoko\u0142owi SSL stworzona przez Ciebie strona, aplikacja czy inna mikrous\u0142uga jest bezpieczna.<\/p>\n\n\n\n Dzi\u0119ki Firebase Hosting obs\u0142u\u017cysz wszystkie rodzaje tre\u015bci, poczynaj\u0105c od plik\u00f3w CSS i HTML, przez mikrous\u0142ugi do interfejs\u00f3w API Express.js.<\/p>\n\n\n\n Wykorzystanie mo\u017cliwo\u015bci Google Cloud<\/a> sprawia, \u017ce przes\u0142ane przez Ciebie pliki buforowane s\u0105 na dyskach SDD w sieci CDN na ca\u0142ym \u015bwiecie. Metoda kompresji \u2013 gzip lub Brotli wybierana jest automatycznie.<\/p>\n\n\n\n Korzystaj\u0105c z Firebase Hosting, mo\u017cesz wy\u015bwietla\u0107 i testowa\u0107 zmiany na lokalnie hostowanym adresie URL. R\u00f3wnie\u017c udost\u0119pnianie ich cz\u0142onkom zespo\u0142u dzi\u0119ki tymczasowym adresom URL jest bezproblemowe. Dzi\u0119ki integracji z GitHub mo\u017cesz w \u0142atwy spos\u00f3b iterowa\u0107 przegl\u0105dane tre\u015bci.<\/p>\n\n\n\n Interfejs Firebase CLI pozwala uruchamia\u0107 aplikacj\u0119, w zaledwie kilka sekund, a narz\u0119dzia wiersza polecenia u\u0142atwiaj\u0105 dodawanie cel\u00f3w wdra\u017cania do procesu kompilacji. W sytuacjach, w kt\u00f3rych z jakiego\u015b powodu musisz cofn\u0105\u0107 wdro\u017cenie, zrobisz to za pomoc\u0105 jednego polecenia.<\/p>\n\n\n\n \u015acie\u017cka wdro\u017cenia Firebase Hosting jest wyj\u0105tkowo prosta. Po zainstalowaniu konsoli Firebase CLI, kt\u00f3ra u\u0142atwia konfigurowanie nowego projektu, uruchamianie lokalnego serwera programistycznego oraz wdra\u017canie zawarto\u015bci, nale\u017cy skonfigurowa\u0107 katalog projektu. Po dodaniu zasob\u00f3w statycznych i uruchomieniu firebase init nast\u0119puje po\u0142\u0105czenie katalogu z projektem Firebase. Mo\u017cna na tym etapie skonfigurowa\u0107 te\u017c Cloud Functions lub Cloud Run, dzi\u0119ki czemu us\u0142uga obs\u0142u\u017cy zawarto\u015bci dynamiczne i mikrous\u0142ugi.<\/p>\n\n\n\n Przy pomocy komendy firebase emulators:start mo\u017cemy opcjonalnie emulowa\u0107 hosting oraz zasoby projektu pod lokalnie hostowanym adresem URL. Tymczasem uruchamiaj\u0105c firebase hosting: channel: deploy mo\u017cna podgl\u0105da\u0107 i udost\u0119pnia\u0107 zmiany pod tymczasowym adresem URL.<\/p>\n\n\n\n Je\u017celi jeste\u015bmy ju\u017c zadowoleni z wygl\u0105du strony lub aplikacji, to za pomoc\u0105 polecenia firebase deploy dokonujemy wdro\u017cenia. Pozostaje nam tylko po\u0142\u0105czenia witryny z aplikacj\u0105 Firebase i Google Analytics.<\/p>\n\n\n\n Firebase oferuje kilka ciekawych opcji obs\u0142ugi tre\u015bci w ramach domeny i subdomeny. Ka\u017cdy projekt ma domy\u015blnie ustawione bezp\u0142atne subdomeny w domenach web.app i firebaseapp.com. Dodatkowo mo\u017cliwe jest utworzenie wielu powi\u0105zanych ze sob\u0105 witryn i aplikacji, kt\u00f3re b\u0119d\u0105 korzysta\u0142y z tych samych zasob\u00f3w Firebase. Je\u017celi potrzebujesz po\u0142\u0105czy\u0107 w\u0142asn\u0105 nazw\u0119 domeny z t\u0105 hostowan\u0105 przez Firebase, to te\u017c jest to mo\u017cliwe.<\/p>\n\n\n\n Je\u017celi szukasz prostego w obs\u0142udze i implementacji hostingu dla swoich mikroserwis\u00f3w czy te\u017c stron internetowych, a jednocze\u015bnie zale\u017cy Ci na \u0142atwym i szybkim wsp\u00f3\u0142dzieleniu i testowaniu projekt\u00f3w przez cz\u0142onk\u00f3w Twojego zespo\u0142u, to Firebase Hosting jest rozwi\u0105zaniem w sam raz dla Ciebie. A je\u015bli szukasz te\u017c innych rozwi\u0105za\u0144 do swojej firmy, chcesz zoptymalizowa\u0107 infrastruktur\u0119 lub po prostu dowiedzie\u0107 si\u0119 wi\u0119cej na temat mo\u017cliwo\u015bci, jakie daje Ci chmura Google<\/a>, to koniecznie skontaktuj si\u0119<\/a> z naszymi specjalistami.<\/p>\n","protected":false},"excerpt":{"rendered":" Dzi\u0119ki coraz bardziej wydajnym przegl\u0105darkom internetowym oraz znacznemu uproszczeniu framework\u00f3w front-endowych JavaScript, takich jak Angular czy Polymer, tworzenie bogatych w aplikacje stron internetowych sta\u0142o si\u0119 jeszcze \u0142atwiejsze. Sprawia to, \u017ce mo\u017cesz tworzy\u0107 aplikacje, korzystaj\u0105c wy\u0142\u0105cznie z plik\u00f3w statycznych, takich jak HTML, CSS czy JavaScript. S\u0142u\u017cy do tego platforma Firebase. Natomiast hostowanie zapewni nam Firebase Hosting….<\/p>\n","protected":false},"author":26,"featured_media":99881,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_editorskit_title_hidden":false,"_editorskit_reading_time":3,"_editorskit_typography_data":[],"_editorskit_blocks_typography":"","_editorskit_is_block_options_detached":false,"_editorskit_block_options_position":"{}"},"categories":[560],"tags":[],"yoast_head":"\nCzym jest Firebase Hosting?<\/strong><\/h2>\n\n\n\n
<\/figure>\n\n\n\n
Funkcje dost\u0119pne w hostingu Firebase<\/strong><\/h2>\n\n\n\n
Udost\u0119pnianie tre\u015bci z wykorzystaniem bezpiecznego po\u0142\u0105czenia<\/strong><\/h3>\n\n\n\n
Szeroka mo\u017cliwo\u015b\u0107 hostowania<\/strong><\/h3>\n\n\n\n
Gwarancja szybko\u015bci<\/strong><\/h3>\n\n\n\n
Mo\u017cliwo\u015b\u0107 emulacji i udost\u0119pniania zmian przed opublikowaniem<\/strong><\/h3>\n\n\n\n
Jednopoleceniowe wdra\u017canie tre\u015bci<\/strong><\/h2>\n\n\n\n
Jak wygl\u0105da wdro\u017cenie witryny b\u0105d\u017a aplikacji z u\u017cyciem Firebase Hostingu?<\/strong><\/h2>\n\n\n\n
<\/figure>\n\n\n\n
Zalety korzystania z hostingu Firebase od Google.<\/strong><\/h2>\n\n\n\n
Podsumowanie<\/strong><\/h2>\n\n\n\n