Развертывание вашего сайта Astro
Готовы ли вы собрать и развернуть свой сайт Astro? Следуйте одному из наших руководств по развертыванию на различных сервисах или прокрутите страницу вниз, чтобы получить общие рекомендации по развертыванию сайта Astro.
Руководства по развертыванию
Заголовок раздела Руководства по развертываниюВарианты быстрого развертывания
Заголовок раздела Варианты быстрого развертыванияВы можете быстро собрать и развернуть сайт Astro на нескольких хостах, используя либо веб-интерфейс их панели управления, либо интерфейс командной строки (CLI).
Веб-интерфейс
Заголовок раздела Веб-интерфейсБыстрый способ развернуть ваш сайт - подключить онлайн-репозиторий Git вашего проекта Astro (например, GitHub, GitLab, Bitbucket) к провайдеру хостинга и воспользоваться преимуществами непрерывного развертывания с помощью Git.
Эти хост-платформы автоматически обнаруживают изменения в исходном репозитории вашего проекта Astro, создают версию сайта и развертывают ее в Интернете по настраиваемому URL или на вашем личном домене. Часто настройка развертывания на этих платформах состоит из следующих шагов:
-
Добавьте ваш репозиторий к онлайн-провайдеру Git (например, в GitHub, GitLab, Bitbucket).
-
Выберите хостинг-провайдера, поддерживающего непрерывное развертывание (например, Netlify (EN) или Vercel (EN)) и импортируйте ваш Git-репозиторий как новый сайт/проект.
Многие распространенные хостинги распознают ваш проект как сайт Astro и должны выбрать соответствующие параметры конфигурации для создания и развертывания сайта, как показано ниже. (Если это не так, эти настройки можно изменить).
- Команда сборки:
astro build
илиnpm run build
- Директория публикации:
dist
- Команда сборки:
-
Нажмите кнопку “Deploy”, и ваш новый сайт будет создан по уникальному для данного хоста URL-адресу (например,
new-astro-site.netlify.app
).
Хостинг-провайдер будет автоматически настроен на отслеживание изменений в основной ветке вашего репозитория на Git-платформе, а также на перестройку и повторную публикацию вашего сайта при каждом новом коммите. Эти параметры обычно можно настроить в пользовательской панели хост-провайдера.
Развертывание с помощью CLI
Заголовок раздела Развертывание с помощью CLIНекоторые хостинг-провайдеры имеют собственный интерфейс командной строки (CLI), который можно установить на свою машину с помощью npm. Часто использование CLI для развертывания выглядит примерно следующим образом:
-
Установите CLI вашего хостинг-провайдера глобально, например:
-
Запустите CLI и следуйте всем инструкциям по авторизации, настройке и т. д.
-
Соберите ваш сайт и разверните его на хостинге.
Многие распространенные хостинги автоматически распознают ваш проект как сайт, созданный с помощью Astro, и должны выбрать соответствующие настройки конфигурации для создания и развертывания вашего сайта, как показано ниже. (Если этого не происходит, настройки можно изменить.)
- Команда сборки:
astro build
илиnpm run build
- Директория публикации:
dist
Другие хостинг-провайдеры могут потребовать от вас сборки вашего сайта локально и развертывания с помощью командной строки.
- Команда сборки:
Сборка сайта локально
Заголовок раздела Сборка сайта локальноМногие хостинг-провайдеры, такие как Netlify и Vercel, будут собирать ваш сайт за вас и затем публиковать результат на веб-сервере. Однако некоторые хостинги требуют от вас сначала локально собрать сайт, а затем запустить команду для развертывания или загрузить результат сборки.
Вы также можете захотеть собрать сайт локально, чтобы предварительно просмотреть его или выявить возможные ошибки и предупреждения в своем собственном окружении.
Запустите команду npm run build
чтобы собрать ваш Astro сайт.
По умолчанию результат сборки будет помещен в dist/
. Это расположение можно изменить с помощью параметра конфигурации outDir
(EN).
Добавление адаптера для SSR
Заголовок раздела Добавление адаптера для SSRПеред тем, как развернуть ваш сайт Astro с SSR (серверным рендерингом) (EN) убедитесь, что вы:
- Установили соответствующий адаптер (EN) в зависимости вашего проекта (вручную или с помощью команды
astro add
, например,npx astro add netlify
). - Добавили адаптер (EN) в ваш файл
astro.config.mjs
в виде импорта и экспорта по умолчанию при установке вручную. (Командаastro add
позаботится об этом шаге за вас!)