simple static website

Простой статический сайт

Создайте простой и дешевый статический веб-сайт с поддержкой CDN, используя один скрипт AWS CloudFormation. Идеально подходит для сайтов, созданных с использованием генераторов статических сайтов, например Gatsby, Hugo, 11ty; приложения React без сохранения состояния; или просто старые HTML, CSS и файлы изображений.

Инструкции

1. Зарегистрируйте домен в AWS здесь

2. Создал зону хостинга для этого домена в Route53.

3. Создайте новый стек CloudFormation, используя шаблон simple-static-website.yaml . Это ДОЛЖНО быть сделано в us-east-1 из-за ограничений CloudFront.

4. Укажите параметры:

   • ИмяДомена
   • Имя веб-сайта
   • HostedZoneId (с помощью консоли будет предоставлен список)
   • BucketName (необязательно), если вы хотите использовать существующий сегмент. CloudFormation сгенерирует имя сегмента из субдомена URL, если оно оставлено пустым.

5. Подготовьте стек CloudFormation с помощью консоли или awscli:

    aws cloudformation deploy 
       --stack-name foo 
       --template-file simple-static-website.yaml 
       --parameter-overrides 
           DomainName=example.com 
           HostedZoneId=ABCDEFGHIJK0123456789 
           WebsiteName=www
   

6. Поместите простой файл index.html во вновь созданную корзину S3. Проверьте выходные данные стека CloudFormation на предмет примера команды awscli.

7. Посетите свой новый веб-сайт на указанном вами домене. См. выходные данные CloudFormation для URL-адреса.

Примечание об использовании сети распространения контента (CDN)

Помните, что CloudFront CDN будет кэшировать ваш веб-сайт в нескольких местах по всему миру. Если вы измените свой сайт, вам придется аннулировать кеш. Взимается плата, но в целом это чрезвычайно дешевая установка, поскольку в ней не используются серверы.

Благодарности

Этот сценарий был вдохновлен превосходным сообщением в блоге Алена Сенга, а также результатами моих существующих сайтов, созданных вручную, с использованием ныне несуществующего шаблона Amazon CloudFormer. CloudFormer — отличный инструмент, однако Amazon замалчивает его из-за растущего числа CVE, к которым это решение оставляет пользователей открытыми. Здесь об этом хорошо написал Каримельмель. Спасибо eisenhowerj за улучшение моего скрипта CloudFormation и добавление новых функций.