Быстрый старт с облачными серверами с использованием бесплатных ресурсов: руководство по развертыванию статического веб-сайта AWS S3

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

Почему стоит выбрать AWS S3 для развертывания статического веб-сайта?

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

• Легкость в освоении: Конфигурация и работа S3 относительно просты, что делает его очень подходящим для начинающих.

• Высокая доступность и масштабируемость: Глобальная инфраструктура, предоставляемая AWS, гарантирует высокую доступность и масштабируемость S3.

• Сильная интеграция: S3 может легко интегрироваться с другими сервисами AWS, такими как CloudFront (CDN) для ускорения доступа к статическим ресурсам.

Подготовка

1. Аккаунт AWS: Вам понадобится аккаунт AWS. Если у вас его еще нет, вы можете зарегистрировать бесплатный аккаунт на официальном сайте AWS. Обратите внимание, что бесплатный тариф AWS имеет ограничения по времени и ресурсам, обязательно ознакомьтесь с соответствующими условиями.
2. AWS CLI: AWS Command Line Interface (CLI) — это инструмент командной строки для взаимодействия с сервисами AWS. Установка и настройка AWS CLI упрощает управление корзинами S3 и файлами.
   • Установка AWS CLI: В зависимости от вашей операционной системы, загрузите и установите AWS CLI с официального сайта AWS.
   • Настройка AWS CLI: После завершения установки откройте терминал командной строки, выполните команду aws configure и следуйте инструкциям для ввода вашего AWS Access Key ID, Secret Access Key, региона (region) по умолчанию и формата вывода. Вы можете создать пользователя и сгенерировать Access Key и Secret Key в консоли AWS IAM.
3. Файлы статического веб-сайта: Вам необходимо подготовить файлы вашего статического веб-сайта, такие как HTML, CSS, JavaScript и изображения. Поместите эти файлы в один каталог.

Шаг 1: Создание корзины S3

1. Войдите в консоль AWS: Войдите в консоль AWS, используя свою учетную запись AWS.
2. Поиск S3: Введите "S3" в поле поиска и выберите "S3".
3. Создание корзины: Нажмите кнопку "Создать корзину".
4. Настройка корзины:
   • Имя корзины: Введите глобально уникальное имя корзины. Имя корзины должно соответствовать правилам именования AWS. Рекомендуется использовать имя, содержащее название вашего проекта или домен, для удобства управления.
   • Регион: Выберите регион, ближайший к вашим пользователям. Выбор региона влияет на скорость доступа.
   • Блокировать весь публичный доступ: Снимите флажок "Блокировать весь публичный доступ". Нам нужно разрешить публичный доступ, чтобы разместить веб-сайт как статический веб-сайт. Будьте осторожны и обращайте внимание на безопасность разрешений!
   • Подтвердите настройки: Прочтите предупреждающее сообщение и установите флажок "Я понимаю.". Нажмите "Создать корзину".

Шаг 2: Настройка корзины для размещения статического веб-сайта

1. Выберите корзину: В консоли S3 выберите корзину, которую вы только что создали.

2. Перейдите на вкладку "Свойства": Нажмите на вкладку "Свойства".

3. Размещение статического веб-сайта: В разделе "Размещение статического веб-сайта" нажмите "Редактировать".

4. Включите размещение статического веб-сайта:

   • Включить: Выберите "Включить".
   • Индексный документ: Введите имя файла главной страницы вашего веб-сайта, обычно это "index.html".
   • Документ ошибки: (Необязательно) Введите имя файла страницы ошибок, например "error.html". Если произойдет ошибка, S3 отобразит эту страницу.

5. Сохраните изменения: Нажмите "Сохранить изменения".## Шаг 3: Загрузка файлов статического веб-сайта

6. Выберите корзину (bucket): В консоли S3 выберите корзину, которую вы только что создали.

7. Загрузка: Нажмите кнопку "Загрузить".

8. Добавить файлы: Нажмите кнопку "Добавить файлы", выберите файлы вашего статического веб-сайта или просто перетащите файлы в область загрузки.

9. Настройка разрешений:

   • Владелец объекта: Убедитесь, что владельцем объекта является ваша учетная запись AWS.
   • Разрешения: Выберите "Общий доступ" -> "Все" и установите флажок "Чтение объекта". Это позволит всем получить доступ к файлам вашего статического веб-сайта. Будьте осторожны и внимательны к безопасности разрешений! Более безопасный способ - использовать политику корзины, о которой будет упомянуто позже.

10. Загрузка: Нажмите кнопку "Загрузить".

Шаг 4: Тестирование веб-сайта

1. Получение конечной точки веб-сайта: В консоли S3 выберите свою корзину, а затем перейдите на вкладку "Свойства". В разделе "Размещение статического веб-сайта" вы можете найти конечную точку вашего веб-сайта (Endpoint).
2. Доступ к веб-сайту: Скопируйте конечную точку веб-сайта в браузер, чтобы получить доступ к своему статическому веб-сайту.

Шаг 5: Массовая загрузка с использованием AWS CLI (необязательно)

Если у вас много файлов статического веб-сайта, вы можете использовать AWS CLI для массовой загрузки.

1. Откройте командную строку: Откройте командную строку.

2. Команда загрузки: Используйте следующую команду для загрузки файлов вашего статического веб-сайта:

   aws s3 sync  s3:// --acl public-read
   

   • ``: Замените на каталог, в котором находятся ваши локальные файлы статического веб-сайта.
   • ``: Замените на имя вашей корзины S3.
   • --acl public-read: Установите разрешение на чтение для загруженных файлов как общедоступное. Будьте осторожны и внимательны к безопасности разрешений!

Лучшие практики и рекомендации

• Политика корзины: Вместо того, чтобы делать каждый объект общедоступным, лучше использовать политику корзины для контроля доступа. Политика корзины - это JSON-документ, определяющий, кто может получить доступ к каким ресурсам в корзине. Вы можете создавать политики корзины и управлять ими через консоль AWS или AWS CLI.

  {
      "Version": "2012-10-17",
      "Statement": [
          {
              "Sid": "PublicReadGetObject",
              "Effect": "Allow",
              "Principal": "*",
              "Action": "s3:GetObject",
              "Resource": "arn:aws:s3:::/*"
          }
      ]
  }
  

  Замените `` на фактическое имя вашей корзины. Эта политика позволяет любому читать все объекты в вашей корзине.
• Безопасность: Обязательно обратите внимание на безопасность корзины S3. Избегайте хранения конфиденциальной информации в S3 и регулярно проверяйте права доступа к корзине.
• Контроль версий: Включение контроля версий для корзины S3 может помочь вам восстановить случайно удаленные или перезаписанные файлы.
• CloudFront: Использование CloudFront CDN может ускорить доступ к вашему статическому веб-сайту и повысить его доступность. CloudFront кэширует содержимое вашего веб-сайта в пограничных узлах по всему миру, и пользователи могут получить доступ к вашему веб-сайту из ближайшего к ним узла. Это особенно полезно для веб-сайтов с глобальными пользователями.
• Пользовательский домен: Вы можете привязать свой статический веб-сайт к пользовательскому домену, например www.example.com. Вам необходимо настроить записи DNS, чтобы направить ваш домен на доменное имя, назначенное CloudFront, или на конечную точку корзины S3.
• Регулярное резервное копирование: Хотя S3 имеет высокую доступность, все же рекомендуется регулярно создавать резервные копии файлов вашего статического веб-сайта для предотвращения непредвиденных ситуаций.
• Оптимизация затрат: Следите за использованием S3, чтобы не превысить лимиты бесплатного тарифного плана AWS. Например, неиспользуемые файлы можно переместить в холодное хранилище Glacier, чтобы снизить затраты на хранение.## Другие варианты облачных серверов

Помимо AWS S3, существуют и другие варианты облачных серверов:

• GitHub Pages/GitLab Pages: Если содержимое вашего веб-сайта размещено на GitHub или GitLab, вы можете напрямую использовать их сервисы Pages, которые обычно бесплатны.
• Netlify/Vercel: Платформы, специально разработанные для хостинга статических веб-сайтов, предлагающие бесплатные тарифные планы и удобные процессы развертывания.
• AWS EC2/Google Compute Engine/Azure Virtual Machines: Если вам нужно запускать динамические приложения, вы можете выбрать эти облачные серверы, но вам потребуется самостоятельно настроить серверную среду.
• 阿里云 OSS/腾讯云 COS: Китайские сервисы облачного хранения, подходящие для веб-сайтов, ориентированных на пользователей из Китая.

Заключение

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