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żania
Szybkie 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 lub Vercel) 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ć.)
-
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:
Okno terminala npm install --global netlify-cliOkno terminala pnpm add --global netlify-cliOkno terminala yarn global add netlify-cli -
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ć.)
Inne hosty wymagają zbudowania strony lokalnie i wdrożenia jej za pomocą wiersza poleceń.
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.
npm run buildpnpm run buildyarn run buildDomyślnie wynik budowy zostanie umieszczony w dist/. To miejsce można zmienić za pomocą opcji konfiguracyjnej outDir.