Хостинг статического веб-сайта на AWS S3



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

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

В этой статье будут рассмотрены следующие указатели.





Тогда приступим,

Различные подходы к созданию веб-сайта с AWS

С AWS мы можем использовать следующие способы создания веб-сайта в зависимости от требований.



AWS Lightsail

Он предназначен для развертывания простого хостинга веб-сайтов с использованием WordPress, Joomla, Moodle и других. Lightsail упрощает создание веб-сайтов, не зная о различных сервисах AWS, таких как EC2, S3, RDS и т. Д.

AWS Amplify.

Он позволяет создавать одностраничные приложения (SPA). SPA загружают страницу один раз и динамически изменяются по мере взаимодействия пользователя с приложением, не загружая страницу снова и снова.

AWS S3

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



Запуск виртуальных серверов

Последний способ - запустить виртуальный сервер в облаке ( AWS EC2 ), затем установите необходимое программное обеспечение и управляйте им вручную. Такой подход используют организации, имеющие сложные требования и увеличивающие трафик. При таком подходе на пользователя, создающего веб-сайт, ложится большая нагрузка. Пользователи должны быть экспертами в таких сервисах AWS, как EC2, RDS, Route53, EBS и т. Д.

С каждым из этих подходов. Существует компромисс между гибкостью и простотой использования. Lightsail прост в использовании, но он немного жестко относится к тому, что можно, а что нельзя. С другой стороны, EC2 обеспечивает гибкость с различными типами серверов, автоматическим масштабированием и т. Д., Но его немного сложно настроить для тех, кто плохо знаком с AWS.

Итак, давайте посмотрим, как мы можем использовать S3 для достижения нашей цели,

Создание и размещение статического веб-сайта с помощью AWS S3

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

С S3 (механизм хранения) нет необходимости выполнять планирование емкости и указывать начальную емкость. По мере того, как мы помещаем больше данных и удаляем данные, S3 будет автоматически сжиматься и расширяться. S3 предоставляет разные классы хранения для хранения разных типов данных (старые / новые, часто / редко используемые), и данные можно перемещать из одного класса хранения в другой с помощью S3 Object Life Cycle Management. Или используйте AWS S3 Intelligent Tiering, чтобы позволить AWS решить, когда перемещать данные из класса хранилища в другой. AWS CloudFront который является CDN (сеть распространения контента), может дополнительно использоваться для ускорения загрузки веб-сайта для конечного пользователя.

S3 с бесплатный уровень предоставляет 5 ГБ хранилища, 20 000 запросов Get, 2 000 запросов Put бесплатно каждый месяц в течение первого года и далее по модели с оплатой по факту использования. В этой статье мы будем создавать статический веб-сайт на S3.

Демонстрация: размещение статического веб-сайта с помощью AWS S3

Шаг 1. Создание сегмента в S3

Шаг 1.1: Перейти к Консоль управления S3 и нажмите «Создать корзину».

Демо - Размещение статического веб-сайта с помощью AWS S3 - Edureka

Шаг 1.2: Введите имя сегмента. Обратите внимание, что имя сегмента должно быть уникальным. Добавьте что-нибудь в конце, чтобы получить уникальное имя сегмента. Выберите регион, в котором должны храниться данные. Нажмите Create, и сегмент должен быть создан, как показано ниже. Ведро - это контейнер для хранения папок и файлов.

Шаг 2. Предоставление публичных разрешений сегменту S3

Шаг 2.1: Любая папка / файл в Bucket будет видна только владельцу, который ее создал. Для веб-сайта Bucket должен иметь открытый доступ для остального мира, чтобы получить доступ к нему как к веб-странице. Перейдите на вкладку «Свойства», убедитесь, что выбран параметр «Блокировать общий доступ», и нажмите кнопку «Изменить». Снимите флажок «Блокировать весь публичный доступ» и нажмите «Сохранить». Введите слово «подтвердить» и нажмите кнопку «Подтвердить».

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

Шаг 2.2: Пришло время сделать Bucket общедоступным. Нажмите «Политика корзины» и введите приведенную ниже политику. Не забудьте изменить имя сегмента на то, что было создано на шаге 1. Нажмите «Сохранить», чтобы сделать сегмент общедоступным. Обратите внимание, что AWS трижды сообщит нам о том, что Bucket был опубликован, просто чтобы убедиться, что мы не сделаем это случайно.

{'Версия': '2012-10-17', 'Заявление': [{'Sid': 'PublicReadGetObject', 'Эффект': 'Разрешить', 'Принципал': '*', 'Действие': ['s3 : GetObject '],' Resource ': [' arn: aws: s3 ::: my-pictures-website / * ']}]}

Шаг 3. Включение статического хостинга веб-сайтов и загрузка веб-сайта на S3

Шаг 3.1: Пришло время включить «Статический хостинг веб-сайтов» для S3. Обратите внимание, что по умолчанию он отключен. Щелкните карточку и выберите «Использовать этот сегмент для размещения веб-сайта». Введите индексный документ как index.html и документ об ошибке как error.html. Обязательно запишите конечную точку, это URL-адрес, используемый для доступа к веб-сайту S3. Щелкните Сохранить.

Обратите внимание, что к этому моменту будет включен «Статический хостинг веб-сайтов». Индексный документ - это HTML-код по умолчанию, который будет отображаться, а документ с ошибкой - это HTML-код, который будет отображаться, когда HTML-страница, к которой мы пытаемся получить доступ, отсутствует в S3.

Шаг 3.2: Пришло время загрузить index.html и error.html. Перейдите на вкладку «Обзор» и нажмите «Загрузить». Нажмите «Добавить файлы», а затем «Загрузить». Те же шаги необходимо повторить для страниц index.html и error.html.

Вот содержимое index.html и error.html. Здесь веб-страница простая, но она может быть настолько сложной, насколько это возможно, если мы будем придерживаться HTML и JavaScript. JavaScript запускается в браузере. При размещении веб-сайтов на S3 выполнение кода на стороне сервера отсутствует.

index.html Добро пожаловать в обучение AWS от Edureka error.html К сожалению! Не здесь.

Шаг 4. Откройте веб-страницу, размещенную в S3.

Шаг 4.1: Откройте URL-адрес, полученный на «Шаге 5», чтобы отобразить index.html. В конце URL-адреса будет отображаться что-либо, кроме index.html и страницы с ошибкой. URL-адрес неудобен для пользователя, удобный для пользователя URL-адрес можно создать с помощью AWS Route53 .

базовые структуры данных в java

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

Если вы нашли эту статью полезной, вы также можете ознакомиться с живым и проводимым инструктором курсом Edureka на , совместно созданный практиками отрасли.

Есть вопрос к нам? Пожалуйста, укажите это в разделе комментариев этого руководства по AWS EC2, и мы свяжемся с вами.