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

Это личное.

Это был случайный вечер пятницы, и у меня была «простая» цель: разместить статический веб-сайт на AWS S3 с моим доменом GoDaddy . Я имею в виду, насколько это может быть сложно, верно? Судя по всему, вполне, учитывая, что для этого потребовалось 10 статей, 4 урока, 2 видеоролика и целый день опробования всего, что мог предложить Интернет.

Но не волнуйтесь! Ваше путешествие станет намного более плавным. Давайте вместе отправимся в это приключение, начав с первого и фундаментального шага: создания запоминающегося домена.

Обзор контента

• 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.)

Добро пожаловать в электростанцию Интернета: Веб-сервисы Amazon (AWS) . Если бы Интернет был океаном, 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 без расширения . ваш-домен.com часть имени CNAME (в данном случае это _95c3d23b4c008dfcadeed5b518ed3d1d.www & _2bb2bfda7c66af8c036422465b415a8c).

  
  

• «Значение» — это «значение CNAME» из ACM (копировать как есть).

  
  

• Установите для параметра «TTL» значение «По умолчанию».

• Подождите некоторое время, чтобы эти изменения распространились и сертификат был проверен.

Шаг 3. Создание дистрибутива AWS CloudFront

• Откройте консоль CloudFront на AWS.

• Нажмите « Создать рассылку ».

  
  

• Введите URL-адрес веб-сайта корзины S3 в качестве « исходного домена » (избегайте использования автоматически предложенной ссылки).

• В разделе « Политика протокола просмотра » выберите «Перенаправить HTTP на HTTPS».

  
  

• В разделе « Брандмауэр веб-приложений (WAF)» выберите «Включить защиту безопасности».

  
  

• Добавьте « Альтернативные доменные имена (CNAME) » для обоих предпочтительных URL-адресов веб-сайтов ( 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 для www: измените существующую запись CNAME для субдомена www :

1. Тип: CNAME

2. Имя: www

3. Данные: [Ваше доменное имя CloudFront]

4. TTL: 1 час (регулируется по желанию)

   
   

• Настройка переадресации корневого домена. Реализуйте переадресацию для перенаправления трафика из корневого домена на поддомен www :

1. Перейдите к управлению DNS для своего домена на панели управления GoDaddy.
2. Найдите раздел «Переадресация» и добавьте переадресацию «Домен».
3. Переслать на: www.your-domain.com
4. Тип редиректа: 301 (постоянный)
5. Настройки: Только вперед

• Обработка других записей: сохраните существующие записи NS, SOA и _domainconnect без изменений.

  
  

• Учет времени распространения. После этих корректировок DNS распространение может занять некоторое время, потенциально варьирующееся от немедленного до нескольких часов. Используйте такие инструменты, как DNS-проверка для мониторинга статуса распространения во всем мире.

  
  

После завершения распространения доступ к your-domain.com или www.your-domain.com должен перенаправлять пользователей на ваш сайт, размещенный на CloudFront, безопасно через HTTPS.

Веб-мастер: плавные обновления для вашего блестящего нового сайта

(Руководство по обновлению и обслуживанию вашего нового веб-сайта.)

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

Шаг 1. Доступ к AWS S3

• Войдите в свою консоль AWS.
• Перейдите к сервису S3.
• Откройте корзину, на которой размещен ваш сайт.

Шаг 2. Обновление файлов веб-сайта

• Чтобы обновить существующие файлы:
• Перейдите к файлу, который вы хотите заменить.
• Либо перезапишите этот файл, загрузив файл с тем же именем, либо удалите существующий файл и загрузите новую версию.
• Чтобы добавить новые файлы, просто загрузите их в соответствующий каталог в своей корзине.

Шаг 3. Разрешения для файлов (при необходимости)

• При загрузке новых файлов убедитесь, что для них установлены правильные разрешения.
• Если ваша корзина является общедоступной, новые файлы обычно должны иметь статус «публичное чтение», чтобы они были доступны посетителям.

Шаг 4. Очистка кэша (при использовании CloudFront)

• Если вы используете AWS CloudFront для доставки контента, помните, что обновления могут отображаться не сразу из-за кэширования.
• Возможно, вам придется создать аннулирование, чтобы очистить кеш для появления обновленного контента.
• Перейдите к дистрибутиву CloudFront, перейдите на вкладку «Недействительность» и создайте аннулирование, введя путь к обновленным файлам (используйте /* , чтобы сделать недействительными все файлы).

Шаг 5: Тестирование

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

Время празднования: Ты жив!

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

Этот путь, хотя и кажется сложным, привел вас от регистрации домена в GoDaddy к безопасному статическому хостингу веб-сайтов на AWS S3, а также к развертыванию с помощью CloudFront для обеспечения дополнительной скорости и уровня безопасности. Желаем успехов! 🚀🎉