Przejdź do głównej zawartości

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.

Możesz zbudować i wdrożyć stronę Astro na wiele hostów szybko, używając albo interfejsu użytkownika na stronie internetowej albo CLI.

Szybkim 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:

  1. Dodaj swoje repozytorium do strony zarządzania Git’em (np. GitHub, GitLab, Bitbucket)

  2. 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ć.)

  3. 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.

Niektó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:

  1. Zainstaluj CLI Twojego hosta globalnie, na przykład:

    Okno terminala
    npm install --global netlify-cli
  2. Uruchom CLI i postępuj zgodnie z instrukcjami dotyczącymi autoryzacji, konfiguracji itp.

  3. 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ń.

Wiele 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.

Okno terminala
npm run build

Domyślnie wynik budowy zostanie umieszczony w dist/. To miejsce można zmienić za pomocą opcji konfiguracyjnej outDir (EN).

Pomóż nam

Jak chcesz ją przekazać?

Otwórz Issue na GitHubie

Najszybszy sposób na powiadomienie nas o problemie.

Społeczność