Как разместить статический веб-сайт в облаке с помощью AWS S3

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

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

Статический веб-сайт отображает предварительно созданные файлы HTML, CSS и JavaScript на сервере, а также поставляется с фиксированным, известным количеством предопределенных страниц.Когда страница запрашивается в браузере, таком как Chrome, содержимое статично и не меняется. в ответ на действия и взаимодействие пользователя. Он отличается от динамического веб-сайта, который создает контент на основе действий или предпочтений пользователя.

Как разместить статический веб-сайт в облаке с помощью AWS S3 — учебные пособия

Облачные платформы делают фиксированный веб-хостинг простым и дешевым. Вы можете развернуть статический веб-сайт в облаке с помощью облачного провайдера AWS.

Что такое AWS S3?

Amazon Simple Storage Service (S3) — это служба хранения данных, предоставляемая Amazon. Вы можете думать о S3 как о веб-платформе, предоставляемой Amazon, где вы можете хранить файлы и любые другие типы данных в облаке.

AWS S3 — один из самых популярных механизмов облачного хранения, доступных в Интернете. Это хранилище для многих современных малых и больших веб-приложений. Примером этого является Netflix, на котором размещен весь его потоковый контент.

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

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

Как разместить статический веб-сайт в облаке с помощью AWS S3 — учебные пособия

Что такое ведро S3?

В AWS S3 тома бывают разных типов, самым простым из которых является объект — просто файл. Контейнер S3 — это набор объектов разных типов. Вы можете визуализировать контейнер S3 как корневую папку всей системы, содержащую множество файлов и папок различных типов.

Вы можете управлять корзинами S3 несколькими способами. Это можно сделать из консоли AWS, с помощью интерфейса командной строки AWS, с помощью AWS SDK, а также путем отправки или сбора данных в приложении через REST API.

S3 является масштабируемым, поэтому контейнер может содержать практически любой файл независимо от его типа или размера. На самом деле один объект может иметь размер до 5 ТБ. Вот почему корзина S3 подходит для аварийного резервного копирования и восстановления.

К объектам, хранящимся в контейнере S3, обычно можно получить доступ (только для чтения) через уникальный URL-адрес для каждого объекта. Вы также можете использовать контейнеры S3 для размещения статических веб-страниц, поскольку они могут обслуживать объекты по протоколу HTTP.

Как вы можете использовать S3 и, возможно, сделать его основной платформой по умолчанию для размещения статических веб-сайтов? Проверять Какой хостинг лучше всего подходит для сайтов WordPress с высокой посещаемостью?

Как создать и настроить контейнер S3 для веб-хостинга

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

  • Для продолжения необходимо зарегистрироваться Аккаунт AWS Если у вас еще нет учетной записи. Чтобы создать контейнер S3 для размещения вашего статического веб-сайта, войдите в консоль AWS и выполните пять следующих шагов.

Как разместить статический веб-сайт в облаке с помощью AWS S3 — учебные пособия

  • Найдите службу S3 и перейдите на панель инструментов S3.

Как разместить статический веб-сайт в облаке с помощью AWS S3 — учебные пособия

  • Нажмите кнопку «Создать контейнер», чтобы инициализировать и создать новый контейнер.

Как разместить статический веб-сайт в облаке с помощью AWS S3 — учебные пособия

  • Первое, что вы делаете на экране инициализации контейнера, — это даете ему глобально уникальное имя. S3 не позволит вам создать контейнер, если имя уже занято. Выберите предпочтительный регион для своего контейнера или оставьте регион выбранным по умолчанию. Кроме того, оставьте раздел «Владение объектами» по умолчанию.

Как разместить статический веб-сайт в облаке с помощью AWS S3 — учебные пособия

  • Чтобы разместить статические веб-сайты на S3, вам необходимо сделать контейнер общедоступным. Итак, на следующем шаге снимите флажок с опции Полностью заблокировать публичный доступ. Затем укажите в появившемся ниже предупреждении, что вы согласны сделать его общедоступным. Версия контейнера не требуется, поэтому ее необходимо отключить.

Как разместить статический веб-сайт в облаке с помощью AWS S3 — учебные пособия

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

Как разместить статический веб-сайт в облаке с помощью AWS S3 — учебные пособия

Следующим шагом является настройка нового контейнера S3 для размещения статических веб-страниц. Для этого щелкните имя контейнера на панели инструментов S3 и на новом загружаемом экране перейдите на вкладку . ئصائص.

Как разместить статический веб-сайт в облаке с помощью AWS S3 — учебные пособия

Прокрутите вниз до раздела «Статический хостинг веб-сайтов» и нажмите кнопку Выпуск. Откроется экран конфигурации хостинга статического веб-сайта.

Включите его и оставьте тип хостинга по умолчанию. Примечание на этом экране гласит: «Чтобы ваши клиенты могли получить доступ к контенту на конечной точке веб-сайта, вы должны сделать весь свой контент общедоступным для чтения…». Вот почему ранее при создании контейнера необходимо было разрешить публичный доступ.

Поле индексного документа — это место, где вы указываете индексный файл вашего веб-сайта, обычно это index.html. Документ об ошибке — это страница, которую вы хотите отображать при возникновении ошибки, например ошибки 404.

Теперь вы можете сохранить изменения и вернуться на экран свойств. Конечная точка нового веб-сайта должна быть указана в разделе . Хостинг статических сайтов. Вы сможете использовать этот URL-адрес для доступа к своему веб-сайту после его настройки.

Как разместить статический веб-сайт в облаке с помощью AWS S3 — учебные пособия

Теперь ваш контейнер настроен и готов к размещению статического веб-сайта. Как вы затем добавляете файлы своего веб-сайта в контейнер и начинаете отображать веб-сайт?

Как загружать файлы и папки в контейнер S3

Чтобы разместить свой статический веб-сайт в облаке на S3, вам необходимо загрузить свои файлы и папки в настроенный контейнер S3. Вернитесь на вкладку Объекты Нажмите любую из кнопок загрузки, чтобы загрузить файлы веб-сайта.

Как разместить статический веб-сайт в облаке с помощью AWS S3 — учебные пособия

На следующем экране вы можете добавить файлы и папки, которые хотите загрузить в контейнер. Обязательно добавьте здесь index.html и все остальные файлы или папки, связанные с вашим сайтом. Вы можете добавить папки CSS, JavaScript и Image.

Вы можете добавлять файлы и папки либо путем перетаскивания, либо с помощью кнопки «Добавить файлы» или «Добавить папки». После добавления всех файлов и папок нажмите кнопку «Загрузить» в конце экрана. Подождите, пока файлы загрузятся, после чего вы можете нажать кнопку закрытия, чтобы вернуться на экран «Объекты».

Как разместить статический веб-сайт в облаке с помощью AWS S3 — учебные пособия

Как защитить опубликованный веб-сайт и предварительный просмотр

На данный момент мы почти закончили, и веб-сайт почти готов для предварительного просмотра в браузере. Веб-сайт пока нельзя открыть из-за политик Amazon Identity and Access Management, которые запрещают доступ к ресурсам в контейнере.

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

{
 “Version”: “2012–10–17”,
 “Statement”: [ {
 “Sid”: “AddPerm”,
 “Effect”: “Allow”,
 “Principal”: “*”,
 “Action”: “s3:GetObject”,
 “Resource”: “arn:aws:s3:::website-name/*”
 } ] 
}

Сохраните изменения и вернитесь на вкладку ئصائص Опять же, чтобы получить URL-адрес веб-сайта из раздела статического веб-сайта. Скопируйте и вставьте URL-адрес в свой веб-браузер, и вы увидите статический веб-сайт.

Размещение статических веб-страниц в облаке — более безопасная и масштабируемая альтернатива размещению статических веб-сайтов на Github. Особенно для веб-сайтов с тяжелыми мультимедийными файлами. Проверять Как разместить свой блог бесплатно с помощью страниц Jekyll и GitHub.

Развертывание статических веб-сайтов в облаке

Развернуть статический веб-сайт в облаке с помощью AWS S3 очень просто. Вам следует подумать о том, чтобы получить собственное доменное имя для создания готового веб-сайта.

Amazon предлагает собственную службу регистрации доменных имен, Amazon Route 53. Вы также можете проверить Другие провайдеры Чтобы получить доменное имя по вашему выбору.

Облако очень экономично и просто в использовании. Подумайте о том, чтобы сделать его выбором по умолчанию для размещения статического веб-сайта. Теперь вы можете просмотреть Лучшие сервисы облачного хостинга для WordPress: Cloudways и многое другое.

Источник
Перейти к верхней кнопке