В прошлый раз мы поняли, почему мы должны выбрать статический хостинг для наших файлов, и когда мы должны избегать этого. На этой неделе мы развернем файл index.html, чтобы проверить, как развернуть наши файлы.
Сначала перейдите в свое ведро S3 из последнего урока и удалите все файлы в ведре S3.
Теперь добавьте следующий файл index.html в s3bucket
Test s3
Ajit Singh
Hello world!
- Перейдите в раздел «Свойства вашего ведра S3». Прокрутите вниз внизу. Там будет возможность статического хостинга сайта, отредактируйте его.
- Включить статический хостинг веб -сайта.
Выберите следующую опцию
а Тип хостинга: провести статический сайт беременный Индексный документ: index.html в Документ ошибки: оставьте пустую, если в разделе «Ошибка», добавленная в ведре, добавьте имя документа ошибки в свой B8ucket. В случае SPA добавьте index.html, потому что вся страница SPA образует одну страницу ровную страницу ошибки. Мы оставим это пустым, потому что у нас нет ошибки. Html Page дюймовый Если вам нужен сложный сайт, вы можете добавить правила перенаправления, но они немного сложны, и мы не узнаем о них сегодня, я добавил ссылку на документацию для этой цели.
Сохраните изменения. Вы увидите ссылку на свой сайт внизу на странице свойств
Откройте эту ссылку и посмотрите, что ваш сайт создан
Помните, что это работает, потому что мы добавили разрешение на ковш в предыдущем разделе учебного пособия, всегда не забудьте поставить правильные разрешения на ведро
{
"Version": "2012-10-17",
"Id": "Policy1626669452189",
"Statement": [
{
"Sid": "Stmt1626669450552",
"Effect": "Allow",
"Principal": "*",
"Action": "s3:GetObject",
"Resource": "arn:aws:s3:::dev-to-article-s3/*"
}
]
}
Я в следующий раз, когда мы узнаем, как активировать ведение версий, чтобы данные могли быть безопасными в нашем ведре S3.
Оригинал: «https://dev.to/this-is-learning/creating-a-website-in-s3-hands-on-kel»