Wdróż swoją stronę Astro
Gotowy, aby zbudować i wdrożyć swoją stronę Astro? Przejdź do jednego z naszych poradników dla różnych serwisów wdrażania albo przewiń stronę w dół do ogólnej instrukcji wdrażania projektu Astro.
Przewodniki Wdrażania
Dział zatytułowany Przewodniki WdrażaniaSzybkie Opcje Wdrożenia
Dział zatytułowany Szybkie Opcje WdrożeniaMożesz zbudować i wdrożyć stronę Astro na wiele hostów szybko, używając albo interfejsu użytkownika na stronie internetowej albo CLI.
Interfejs Witryny
Dział zatytułowany Interfejs WitrynySzybkim sposobem na wdrożenie Twojej strony jest podłączenie repozytorium Git Twojego projektu Astro (np. GitHub, GitLab, Bitbucket) do dostawcy hostingu i skorzystanie z ciągłego wdrażania za pomocą Git.
Takie hosty automatycznie wykrywają zmiany w repozytorium źródłowym Twojego projektu Astro, budują Twoją stronę i wdrażają ją w sieci pod unikalnym adresem URL lub domeną. Często konfiguracja wdrożenia na tych platformach będzie wyglądać mniej więcej tak:
-
Dodaj swoje repozytorium do strony zarządzania Git’em (np. GitHub, GitLab, Bitbucket)
-
Wybierz hosta wspierającego ciągłe wdrażanie (np. Netlify (EN) lub Vercel (EN)) i zaimportuj swoje repozytorium jako nowa strona/projekt.
Wiele popularnych hostów rozpozna Twój projekt jako stronę Astro i powinny wybrać odpowiednie ustawienia konfiguracyjne do budowania i wdrażania Twojej strony, jak pokazano poniżej. (Jeśli nie, te ustawienia można zmienić.)
- Komenda budowania:
astro build
lubnpm run build
- Opublikuj folder:
dist
- Komenda budowania:
-
Kliknij “Wdróż” i Twoja nowa strona zostanie utworzona pod unikalnym adresem URL dla tego hosta (np.
nowa-strona-astro.netlify.app
).
Host zostanie automatycznie skonfigurowany, aby obserwować główną gałąź Twojego dostawcy Git’a pod kątem zmian, i aby przebudowywać i publikować Twoją stronę przy każdym nowym commicie. Te ustawienia zazwyczaj można skonfigurować w panelu sterowania dostawcy hostingu.
Wdrożenie za pomocą CLI
Dział zatytułowany Wdrożenie za pomocą CLINiektóre hosty będą miały własny interfejs wiersza poleceń (CLI), który można zainstalować globalnie na swoim komputerze za pomocą narzędzia npm. Często korzystanie z CLI do wdrożenia wygląda mniej więcej tak:
-
Zainstaluj CLI Twojego hosta globalnie, na przykład:
-
Uruchom CLI i postępuj zgodnie z instrukcjami dotyczącymi autoryzacji, konfiguracji itp.
-
Zbuduj stronę i wdroż ją do hosta
Wiele popularnych hostów rozpozna Twój projekt jako stronę Astro i powinny wybrać odpowiednie ustawienia konfiguracyjne do budowania i wdrażania Twojej strony, jak pokazano poniżej. (Jeśli nie, te ustawienia można zmienić.)
- Komenda budowania:
astro build
lubnpm run build
- Opublikuj folder:
dist
Inne hosty wymagają zbudowania strony lokalnie i wdrożenia jej za pomocą wiersza poleceń.
- Komenda budowania:
Zbuduj Stronę Lokalnie
Dział zatytułowany Zbuduj Stronę LokalnieWiele hostów, takich jak Netlify i Vercel, zbudują Twoją stronę za Ciebie, a następnie opublikują wynik budowy w sieci. Jednak niektóre strony wymagają zbudowania lokalnie, a następnie uruchomienia polecenia wdrożenia lub przesłania wyniku budowy.
Możesz również chcieć zbudować stronę lokalnie, aby zobaczyć podgląd swojej strony, lub aby wyłapać potencjalne błędy i ostrzeżenia w swoim własnym środowisku.
Uruchom komendę npm run build
aby zbudować swoją stronę Astro.
Domyślnie wynik budowy zostanie umieszczony w dist/
. To miejsce można zmienić za pomocą opcji konfiguracyjnej outDir
(EN).
Dodawanie Adaptera dla SSR
Dział zatytułowany Dodawanie Adaptera dla SSRPrzed wdrożeniem swojej strony Astro z włączonym SSR (renderowaniem po stronie serwera) (EN), upewnij się, że:
- Zainstalowałeś odpowiedni adapter (EN) do zależności projektu (ręcznie lub za pomocą polecenia adaptera
astro add
, np.npx astro add netlify
). - Dodałeś adapter (EN) do importu i domyślnego eksportu pliku
astro.config.mjs
gdy instalujesz ręcznie. (Komendaastro add
zajmie się tym krokiem za Ciebie!)