Соединение доменов: как стильно перейти с GoDaddy на AWS S3!

Это личное. Это был случайный вечер пятницы, и у меня была «простая» цель: разместить статический веб-сайт на с моим доменом . Я имею в виду, насколько это может быть сложно, верно? Судя по всему, вполне, учитывая, что для этого потребовалось 10 статей, 4 урока, 2 видеоролика и целый день опробования всего, что мог предложить Интернет. AWS S3 GoDaddy Но не волнуйтесь! Ваше путешествие станет намного более плавным. Давайте вместе отправимся в это приключение, начав с первого и фундаментального шага: создания запоминающегося домена. Обзор контента GoDaddy: защитите свой кусок интернет-пирога! Веб-сервисы Amazon: где веб-сайты летают первым классом Миграция домена GoDaddy в корзину AWS S3 Веб-мастер: плавные обновления для вашего блестящего нового сайта Время празднования: Ты жив! GoDaddy: защитите свой кусок интернет-пирога! (Узнайте, как приобрести и настроить личный домен с помощью GoDaddy.) Итак, вы решили создать свой собственный уголок в сети. Впереди захватывающие времена! Начнем с азов: . приобретения домена Шаг 1. Выберите свой домен Начните с мозгового штурма по созданию уникального и запоминающегося доменного имени, которое будет хорошо представлять вас или ваш проект. Пусть оно будет коротким, приятным и легким в написании. Если у вас есть несколько вариантов, пришло время перейти на сайт GoDaddy. Шаг 2: Найдите и выберите На домашней странице GoDaddy введите желаемое доменное имя в строку поиска. Если ваш первый выбор сделан, не отчаивайтесь! GoDaddy предложит альтернативные предложения, или вы можете попробовать вариацию своей первоначальной идеи. Как только вы найдете доступный домен, который вам нравится, добавьте его в корзину, нажав кнопку . «Сделать его своим» Шаг 3: Настройка и оформление заказа GoDaddy предложит различные надстройки и опции, такие как защита конфиденциальности и профессиональные адреса электронной почты ( @вашдомен). Просмотрите эти предложения, выберите те, которые соответствуют вашим потребностям, и приступайте к оформлению заказа. Завершите транзакцию и вуаля — домен ваш! Шаг 4: Установка и настройка Теперь, когда домен находится в вашем распоряжении, может потребоваться несколько шагов настройки и изменений, прежде чем он появится на желаемом URL-адресе. Настройте параметры своего домена, подключите его к хостингу (о котором мы поговорим далее) и убедитесь, что все готово к запуску. На этом этапе настройки мы рассмотрим DNS-записи и правила пересылки вашего домена. И вот так вы успешно заполучили свой кусок интернет-пирога с GoDaddy! Оставайтесь с нами, пока мы переходим к следующему этапу нашего цифрового пути: хостингу с AWS S3. Веб-сервисы Amazon: где веб-сайты летают первым классом (Введение в хостинг вашего веб-сайта на S3 Amazon Web Services.) Добро пожаловать в электростанцию Интернета: . Если бы Интернет был океаном, AWS была бы его самым мощным судном, и сегодня вы поднимаетесь на борт, чтобы стильно разместить свой веб-сайт. Веб-сервисы Amazon (AWS) Шаг 1. Навигация по ландшафту AWS AWS огромен и предлагает множество сервисов, которые могут оказаться непосильными для новичков. Либо войдите в свою существующую учетную запись AWS, либо создайте новую. : при первом входе в AWS вы увидите консоль управления AWS. Это ваш центр управления сервисами AWS, поэтому найдите время, чтобы изучить его структуру. Обратите внимание на раскрывающийся список «Услуги» в левом верхнем углу, где вы найдете все предложения AWS. Знакомство : В раскрывающемся списке «Службы» вы найдете «S3» в категории «Хранилище». Нажмите «S3», чтобы войти в консоль S3, где вы будете управлять своим статическим хостингом веб-сайта. Поиск S3 Шаг 2. Создание сегмента S3 Думайте о ведре как о хранилище для вашего веб-сайта. Нажмите кнопку «Создать корзину». Здесь вы назовете свою корзину (обычно для простоты оно должно совпадать с именем вашего домена, но можно назвать ее как угодно), выберите регион, наиболее близкий к вашей целевой аудитории, и на данный момент выполните настройки по умолчанию. : под консолью S3 нажмите синюю кнопку «Создать сегмент». Появится окно с запросом имени корзины. Для обеспечения единообразия выберите имя, близкое к вашему домену. Присвоение имени вашему сегменту : выберите регион, близкий к вашей аудитории, чтобы минимизировать задержку. Каждый регион соответствует определенной географической области. Лично я всегда предпочитаю использовать восточные регионы США, поскольку я нахожусь в США, а также потому, что это помогает в процессе сертификации SSL на AWS (подробнее об этом в следующем разделе). Выбор регионов . Хотя многие настройки по умолчанию подходят, просмотрите каждый вариант и ознакомьтесь. Скорее всего, здесь вам не придется много настраивать, но знакомство является ключом к устранению неполадок и корректировкам в будущем. Просмотр настроек Шаг 3. Настройка сегмента Когда ваша корзина готова, пришло время некоторых настроек. Установите свойства и разрешения, чтобы сделать вашу корзину общедоступной (поскольку по умолчанию она является частной), чтобы люди могли просматривать ваш веб-сайт. Здесь вы также настроите статический хостинг веб-сайтов, включив эту функцию и указав индексные и ошибочные документы. : снимите флажок «Блокировать весь публичный доступ», чтобы разрешить пользователям доступ к файлам корзины. Вот как должно выглядеть сообщение о разрешении доступа. Настройки публичного доступа Шаг 4. Загрузка контента и его публичное размещение Когда все настроено, вы готовы загрузить файлы вашего веб-сайта в корзину. Просто перетащите или вручную загрузите файлы HTML, CSS и другие файлы в корзину S3. . Загрузите файлы статического веб-сайта в новую корзину. Это можно сделать с помощью интерфейса командной строки AWS или выбрав опцию «Загрузить» на вкладке «Объекты». Лично я всегда использую опцию загрузки. Загрузка файлов веб-сайта : перейдите на вкладку «Свойства» в своем сегменте и прокрутите до пункта «Хостинг статического веб-сайта». Нажмите «Изменить», включите статический хостинг веб-сайта и введите имя страницы по умолчанию (обычно «index.html») в текстовое поле «индекс». Не забудьте сохранить изменения! Включение статического хостинга веб-сайтов : перейдите на вкладку «Разрешения» и добавьте политику сегмента, чтобы предоставить публичный доступ для чтения к вашему сегменту (измените ИМЯ ВАШЕГО ВЕДРА и добавьте код, указанный ниже). Эта политика позволяет любому пользователю в Интернете читать объекты в вашей корзине, поэтому убедитесь, что вы хотите, чтобы ваши данные были общедоступными. Обязательно ознакомьтесь с разрешениями политики, прежде чем сохранять ее вместе с другими изменениями. Предоставление публичного доступа { "Version": "2012-10-17", "Statement": [ { "Sid": "PublicReadGetObject", "Effect": "Allow", "Principal": "*", "Action": [ "s3:GetObject" ], "Resource": [ "arn:aws:s3:::YOUR-BUCKET-NAME/*" ] } ] } Шаг 5. Тестирование вашего работающего сайта AWS предоставляет уникальную конечную точку для вашего размещенного контента. Нажмите на эту ссылку, и если все в порядке, вы увидите свой статический веб-сайт живым и работоспособным! И вот оно! Первоначальный переход на AWS может показаться пугающим, но, выполнив эти шаги, вы не только приземлились, но и создали базу. Готовы к следующему приключению? Мы углубимся в запуск в следующем разделе. Наконец-то готово: ваш сайт работает! (Пошаговое руководство по успешному размещению вашего веб-сайта и его запуску в эксплуатацию.) Поздравляем, вы почти у цели! Теперь давайте свяжем все вместе, указав ваш новый блестящий домен GoDaddy на корзину AWS S3, которую вы тщательно настроили. Миграция домена GoDaddy в корзину AWS S3 Шаг 1. Получение SSL-сертификата с помощью AWS ACM Откройте Диспетчер сертификатов AWS (ACM). Нажмите «Запросить», чтобы инициировать новый сертификат, и выберите «Запросить общедоступный сертификат». Добавьте свои доменные имена — и . www.your-domain.com your-domain.com Выберите «Проверка DNS». После создания сертификата ACM создаст две записи CNAME. Скопируйте «имя CNAME» и «значение CNAME» для дальнейшего использования. Шаг 2. Обновление записей DNS в GoDaddy Войдите в свою учетную запись GoDaddy и перейдите к настройкам выбранного вами домена. Перейдите в «Управление DNS» в разделе «Дополнительные настройки». Добавьте записи CNAME, предоставленные ACM. Повторите этот шаг для обоих предоставленных наборов значений. Установите «Тип» на «CNAME». «Имя» — это «имя CNAME» из ACM (в данном случае это _95c3d23b4c008dfcadeed5b518ed3d1d.www & _2bb2bfda7c66af8c036422465b415a8c). без расширения . ваш-домен.com часть имени CNAME «Значение» — это «значение CNAME» из ACM (копировать как есть). Установите для параметра «TTL» значение «По умолчанию». Подождите некоторое время, чтобы эти изменения распространились и сертификат был проверен. Шаг 3. Создание дистрибутива AWS CloudFront Откройте консоль CloudFront на AWS. Нажмите « ». Создать рассылку Введите URL-адрес веб-сайта корзины S3 в качестве « » (избегайте использования автоматически предложенной ссылки). исходного домена В разделе « » выберите «Перенаправить HTTP на HTTPS». Политика протокола просмотра В разделе « выберите «Включить защиту безопасности». Брандмауэр веб-приложений (WAF)» Добавьте « » для обоих предпочтительных URL-адресов веб-сайтов ( и ) в разделе « ». Альтернативные доменные имена (CNAME) www.your-domain.com your-domain.com Настройки Выберите ранее созданный сертификат ACM в разделе « ». Пользовательский сертификат SSL Завершите процесс создания дистрибутива и дождитесь его развертывания (обычно 5–10 минут). Шаг 4. Указание домена на CloudFront и окончательные настройки К сожалению, стандартная служба DNS GoDaddy не поддерживает прямые записи ALIAS или ANAME в CloudFront. Поэтому рекомендуется настроить CNAME для субдомена www, а затем перенаправить корневой домен на субдомен www. У вас уже есть CNAME для www, давайте его изменим. Обратите внимание на имя домена CloudFront, указанное при создании дистрибутива, похожее на . Получение домена CloudFront. dxxxxxxxxxxxxx.cloudfront.net Стандартный DNS GoDaddy не поддерживает записи ALIAS или ANAME, указывающие непосредственно на CloudFront для корневых доменов. Чтобы решить эту проблему, настройте CNAME для своего субдомена и перенаправьте корень на . Обновление записи корневого домена. www www измените существующую запись CNAME для субдомена : Настройка CNAME для www: www Тип: CNAME Имя: www Данные: [Ваше доменное имя CloudFront] TTL: 1 час (регулируется по желанию) Реализуйте переадресацию для перенаправления трафика из корневого домена на поддомен : Настройка переадресации корневого домена. www Перейдите к управлению DNS для своего домена на панели управления GoDaddy. Найдите раздел «Переадресация» и добавьте переадресацию «Домен». Переслать на: www.your-domain.com Тип редиректа: 301 (постоянный) Настройки: Только вперед сохраните существующие записи NS, SOA и без изменений. Обработка других записей: _domainconnect После этих корректировок DNS распространение может занять некоторое время, потенциально варьирующееся от немедленного до нескольких часов. Используйте такие инструменты, как для мониторинга статуса распространения во всем мире. Учет времени распространения. DNS-проверка После завершения распространения доступ к или должен перенаправлять пользователей на ваш сайт, размещенный на CloudFront, безопасно через HTTPS. your-domain.com www.your-domain.com Веб-мастер: плавные обновления для вашего блестящего нового сайта (Руководство по обновлению и обслуживанию вашего нового веб-сайта.) Обновление статического веб-сайта, размещенного на AWS S3, — это простой процесс. Выполните следующие действия, чтобы ваш сайт оставался свежим и актуальным: Шаг 1. Доступ к AWS S3 Войдите в свою консоль AWS. Перейдите к сервису S3. Откройте корзину, на которой размещен ваш сайт. Шаг 2. Обновление файлов веб-сайта Чтобы обновить существующие файлы: Перейдите к файлу, который вы хотите заменить. Либо перезапишите этот файл, загрузив файл с тем же именем, либо удалите существующий файл и загрузите новую версию. Чтобы добавить новые файлы, просто загрузите их в соответствующий каталог в своей корзине. Шаг 3. Разрешения для файлов (при необходимости) При загрузке новых файлов убедитесь, что для них установлены правильные разрешения. Если ваша корзина является общедоступной, новые файлы обычно должны иметь статус «публичное чтение», чтобы они были доступны посетителям. Шаг 4. Очистка кэша (при использовании CloudFront) Если вы используете AWS CloudFront для доставки контента, помните, что обновления могут отображаться не сразу из-за кэширования. Возможно, вам придется создать аннулирование, чтобы очистить кеш для появления обновленного контента. Перейдите к дистрибутиву CloudFront, перейдите на вкладку «Недействительность» и создайте аннулирование, введя путь к обновленным файлам (используйте , чтобы сделать недействительными все файлы). /* Шаг 5: Тестирование После обновления файлов и настроек посетите свой веб-сайт, чтобы убедиться, что изменения действительны и работают должным образом. Протестируйте на разных устройствах и в браузерах, чтобы убедиться в совместимости и правильном отображении. Время празднования: Ты жив! Поздравляем с успешным освоением цифровых волн и запуском вашего нового блестящего веб-сайта! Ваша виртуальная недвижимость теперь запущена, работает и готова принимать посетителей со всего мира безопасно и быстро. Этот путь, хотя и кажется сложным, привел вас от регистрации домена в GoDaddy к безопасному статическому хостингу веб-сайтов на AWS S3, а также к развертыванию с помощью CloudFront для обеспечения дополнительной скорости и уровня безопасности. Желаем успехов! 🚀🎉