Публичное облако — это распространенный выбор для современных веб-сайтов и приложений, а не частный хостинг. Это связано с такими факторами, как экономичность и масштабируемость.
Статический веб-сайт отображает предварительно созданные файлы HTML, CSS и JavaScript на сервере. Он отличается от динамического веб-сайта, который генерирует контент на основе действий или предпочтений пользователя.
Облачные платформы делают хостинг статических веб-сайтов простым и дешевым. Вы можете развернуть статический веб-сайт в облаке с помощью облачного провайдера AWS.
Что такое AWS S3?
Amazon Simple Storage Service (S3) — это сервис хранения данных, предлагаемый Amazon. Вы можете думать о S3 как о веб-платформе, предоставляемой Amazon, где вы можете хранить файлы и любые другие типы данных в облаке.
AWS S3 — один из самых популярных механизмов облачного хранения, доступных в Интернете. Сегодня это хранилище многих небольших и крупных веб-приложений. Примером может служить Netflix, на котором размещается весь его потоковый контент.
AWS S3 использует архитектуру хранения объектов, которая делает его надежным, масштабируемым и высокодоступным для использования в любом случае. Вы можете использовать его для хранения веб-приложений, резервного копирования, архивирования данных, аварийного восстановления и, что интересно, хостинга веб-сайтов.
Что такое ведро S3?
В AWS S3 единицы хранения бывают разных типов, и самым основным из них является объект — просто файл. Ведро S3 — это набор объектов разных типов. Вы можете представить себе корзину S3 как корневую папку всей системы, состоящую из множества файлов и папок различных типов.
Вы можете управлять корзинами S3 различными способами. Это можно сделать из консоли AWS, через интерфейс командной строки AWS, с помощью AWS SDK, а также отправив или захват данных в вашем приложении через REST API.
S3 масштабируется, поэтому в корзине может храниться практически любой файл независимо от его типа и размера. На самом деле размер одного объекта может достигать 5 терабайт. Вот почему корзина S3 подходит для резервного копирования и аварийного восстановления.
Объекты, хранящиеся в корзине S3, обычно доступны (только для чтения) через URL-адрес, уникальный для каждого объекта. Вы также можете использовать корзины S3 для статического веб-хостинга, потому что они могут обслуживать объекты через HTTP.
Как же тогда вы можете использовать S3 и, возможно, сделать его платформой по умолчанию для размещения статических веб-сайтов?
Как создать корзину S3 и настроить ее для веб-хостинга
Вот пошаговая процедура создания и настройки корзины Amazon S3. Вы также узнаете, как включить статический веб-хостинг в корзине.
Чтобы следовать, вы должны регистрация учетной записи AWS если у вас его еще нет. Чтобы создать корзину S3 для размещения статического веб-сайта, войдите в свою консоль AWS и выполните пять шагов, описанных ниже.
- Найдите службу S3 и перейдите на панель инструментов S3.
- Нажми на Создать сегмент Кнопка для настройки и создания нового сегмента.
- Первое, что нужно сделать на экране конфигурации корзины, — это дать вашей корзине глобально уникальное имя. S3 не позволит вам создать корзину, если имя уже занято. Выберите предпочитаемый регион для своего сегмента или оставьте регион выбранным по умолчанию. Также оставьте раздел «Владение объектами» по умолчанию.
- Чтобы разместить статические веб-сайты на S3, вам необходимо сделать корзину общедоступной. Итак, на следующем шаге снимите флажок Заблокировать весь публичный доступ вариант. Затем подтвердите в появившемся под ним предупреждении, что вы согласны опубликовать его. Управление версиями сегмента не требуется, поэтому его следует отключить.
- Последние 3 шага не обязательно требуют от вас действий. Вы можете добавить теги, если хотите, например, пример тега «описание». Оставьте шифрование по умолчанию отключенным и нажмите кнопку Создать сегмент кнопку, чтобы создать новое ведро.
Следующим шагом будет настройка новой корзины S3 для статического веб-хостинга. Для этого щелкните имя корзины на панели инструментов S3 и на новом загружаемом экране перейдите к Характеристики вкладка
Прокрутите вниз до Хостинг статических сайтов раздел и нажмите кнопку Редактировать кнопка. Откроется экран конфигурации хостинга статического веб-сайта.
Включите его и оставьте тип хостинга по умолчанию. В примечании на этом экране говорится: «Чтобы ваши клиенты могли получить доступ к контенту на конечной точке веб-сайта, вы должны сделать весь свой контент общедоступным для чтения…». Вот почему ранее при создании корзины необходимо было разрешить публичный доступ.
Указательный документ Поле, где вы указываете индексный файл вашего сайта, обычно это index.html. Документ об ошибке это страница, которую вы хотите отображать всякий раз, когда возникает ошибка, например ошибка 404.
Сохраните изменения и вернитесь на экран свойств. Вы должны заметить новый Конечная точка веб-сайта корзины в Хостинг статических сайтов раздел. Вы сможете использовать этот URL-адрес для доступа к своему веб-сайту после того, как закончите его настройку.
Теперь ваша корзина настроена и готова к размещению статического веб-сайта. Как тогда вы добавляете файлы своего веб-сайта в корзину и просматриваете свой веб-сайт?
Как загрузить файлы и папки в корзину S3
Чтобы разместить свой статический веб-сайт в облаке на S3, вам необходимо загрузить свои файлы и папки в настроенную корзину S3. Вернитесь на вкладку объектов и нажмите любую из кнопок загрузки, чтобы загрузить файлы вашего веб-сайта.
На следующем экране вы можете добавить файлы и папки, которые хотите загрузить в корзину. Убедитесь, что вы добавили сюда свой файл index.html и все остальные файлы или папки, связанные с вашим веб-сайтом. Папки, которые вы, возможно, захотите добавить, — это папки CSS, JavaScript и изображений.
Вы можете добавлять файлы и папки либо путем перетаскивания, либо с помощью кнопки «Добавить файлы» или «Добавить папки». После добавления всех файлов и папок нажмите кнопку загрузки в конце экрана. Подождите, пока файлы загрузятся, а затем вы можете нажать кнопку закрытия, чтобы вернуться к экрану «Объекты».
Как защитить и предварительно просмотреть развернутый веб-сайт
На этом этапе мы почти закончили, и веб-сайт почти готов для предварительного просмотра в браузере. Сайт пока не открывается из-за Управление идентификацией и доступом политики, запрещающие доступ к ресурсам в корзине.
Вам необходимо разрешить доступ к ресурсам корзины самостоятельно. Перейдите на вкладку разрешений на панели инструментов корзины и отредактируйте политику корзины. Скопируйте и вставьте приведенный ниже код и замените «имя веб-сайта» на имя вашего сегмента.
{
"Версия": "2012-10-17",
"Заявление": [ {
"Сид": "AddPerm",
"Эффект": "Разрешать",
"Главный": "*",
"Действие": "s3: ПолучитьОбъект",
"Ресурс": "arn: aws: s3имя-сайта/*"
} ]
}Сохраните изменения и снова откройте вкладку свойств, чтобы получить URL-адрес веб-сайта из раздела статического веб-сайта. Скопируйте и вставьте URL-адрес в браузер, и вы увидите свой статический веб-сайт.
Размещение статических сайтов в облаке — более безопасная и масштабируемая альтернатива размещение статических веб-сайтов на страницах Github. Особенно для сайтов с тяжелыми мультимедийными файлами.
Развертывание статических веб-сайтов в облаке
Развернуть статический веб-сайт в облаке с помощью AWS S3 довольно просто. Вам следует подумать о том, чтобы получить собственное доменное имя для окончательного рабочего сайта.
Amazon предлагает собственную службу доменных имен Route 53. Вы также можете проверить других провайдеров DNS, чтобы получить доменное имя по вашему выбору.
Облако очень экономично и просто в использовании. Подумайте о том, чтобы сделать его выбором по умолчанию для размещения статического веб-сайта.
