Пропустить до содержимого

Развертывание вашего сайта Astro

Готовы ли вы собрать и развернуть свой сайт Astro? Следуйте одному из наших руководств по развертыванию на различных сервисах или прокрутите страницу вниз, чтобы получить общие рекомендации по развертыванию сайта Astro.

Руководства по развертыванию

Заголовок раздела Руководства по развертыванию

Варианты быстрого развертывания

Заголовок раздела Варианты быстрого развертывания

Вы можете быстро собрать и развернуть сайт Astro на нескольких хостах, используя либо веб-интерфейс их панели управления, либо интерфейс командной строки (CLI).

Веб-интерфейс

Заголовок раздела Веб-интерфейс

Быстрый способ развернуть ваш сайт - подключить онлайн-репозиторий Git вашего проекта Astro (например, GitHub, GitLab, Bitbucket) к провайдеру хостинга и воспользоваться преимуществами непрерывного развертывания с помощью Git.

Эти хост-платформы автоматически обнаруживают изменения в исходном репозитории вашего проекта Astro, создают версию сайта и развертывают ее в Интернете по настраиваемому URL или на вашем личном домене. Часто настройка развертывания на этих платформах состоит из следующих шагов:

  1. Добавьте ваш репозиторий к онлайн-провайдеру Git (например, в GitHub, GitLab, Bitbucket).

  2. Выберите хостинг-провайдера, поддерживающего непрерывное развертывание (например, Netlify или Vercel) и импортируйте ваш Git-репозиторий как новый сайт/проект.

    Многие распространенные хостинги распознают ваш проект как сайт Astro и должны выбрать соответствующие параметры конфигурации для создания и развертывания сайта, как показано ниже. (Если это не так, эти настройки можно изменить).

  3. Нажмите кнопку “Deploy”, и ваш новый сайт будет создан по уникальному для данного хоста URL-адресу (например, new-astro-site.netlify.app).

Хостинг-провайдер будет автоматически настроен на отслеживание изменений в основной ветке вашего репозитория на Git-платформе, а также на перестройку и повторную публикацию вашего сайта при каждом новом коммите. Эти параметры обычно можно настроить в пользовательской панели хост-провайдера.

Развертывание с помощью CLI

Заголовок раздела Развертывание с помощью CLI

Некоторые хостинг-провайдеры имеют собственный интерфейс командной строки (CLI), который можно установить на свою машину с помощью npm. Часто использование CLI для развертывания выглядит примерно следующим образом:

  1. Установите CLI вашего хостинг-провайдера глобально, например:

    Terminal window
    npm install --global netlify-cli

  2. Запустите CLI и следуйте всем инструкциям по авторизации, настройке и т. д.

  3. Соберите ваш сайт и разверните его на хостинге.

    Многие распространенные хостинги автоматически распознают ваш проект как сайт, созданный с помощью Astro, и должны выбрать соответствующие настройки конфигурации для создания и развертывания вашего сайта, как показано ниже. (Если этого не происходит, настройки можно изменить.)

    Другие хостинг-провайдеры могут потребовать от вас сборки вашего сайта локально и развертывания с помощью командной строки.

Сборка сайта локально

Заголовок раздела Сборка сайта локально

Многие хостинг-провайдеры, такие как Netlify и Vercel, будут собирать ваш сайт за вас и затем публиковать результат на веб-сервере. Однако некоторые хостинги требуют от вас сначала локально собрать сайт, а затем запустить команду для развертывания или загрузить результат сборки.

Вы также можете захотеть собрать сайт локально, чтобы предварительно просмотреть его или выявить возможные ошибки и предупреждения в своем собственном окружении.

Запустите команду npm run build чтобы собрать ваш Astro сайт.

Terminal window
npm run build

По умолчанию результат сборки будет помещен в dist/. Это расположение можно изменить с помощью параметра конфигурации outDir.

Добавление адаптера для SSR

Заголовок раздела Добавление адаптера для SSR