Швидкий старт з хмарним сервером за допомогою безкоштовних ресурсів: Посібник з розгортання статичного веб-сайту 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. Виберіть бакет: У консолі 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, які зазвичай є безкоштовними. // Якщо ваш вебсайт розміщено на GitHub або GitLab, ви можете використовувати їхні сервіси Pages, які зазвичай є безкоштовними.
• Netlify/Vercel: Платформи, спеціально розроблені для хостингу статичних вебсайтів, пропонують безкоштовні тарифні плани та зручні процеси розгортання. // Платформи, розроблені для хостингу статичних вебсайтів, пропонують безкоштовні тарифні плани та зручні процеси розгортання.
• AWS EC2/Google Compute Engine/Azure Virtual Machines: Якщо вам потрібно запустити динамічні програми, ви можете вибрати ці хмарні сервери, але вам потрібно буде самостійно налаштувати серверне середовище. // Якщо вам потрібно запустити динамічні програми, ви можете вибрати ці хмарні сервери, але вам потрібно буде самостійно налаштувати серверне середовище.
• 阿里云 OSS/腾讯云 COS: Внутрішні служби хмарного зберігання, які підходять для вебсайтів, орієнтованих на внутрішніх користувачів. // Внутрішні служби хмарного зберігання, які підходять для вебсайтів, орієнтованих на внутрішніх користувачів.

Висновок

За допомогою цього посібника ви дізналися, як створити статичний вебсайт за допомогою AWS S3. // За допомогою цього посібника ви дізналися, як створити статичний вебсайт за допомогою AWS S3. Це чудовий спосіб почати, який допоможе вам зрозуміти концепцію та роботу хмарних серверів. // Це чудовий спосіб почати, який допоможе вам зрозуміти концепцію та роботу хмарних серверів. На цій основі ви можете продовжити вивчати інші сервіси AWS, щоб створювати більш складні та потужні хмарні програми. // На цій основі ви можете продовжити вивчати інші сервіси AWS, щоб створювати більш складні та потужні хмарні програми. Не забувайте звертати увагу на безпеку, оптимізувати витрати та постійно навчатися, щоб досягти подальшого прогресу в галузі хмарних обчислень. // Не забувайте звертати увагу на безпеку, оптимізувати витрати та постійно навчатися, щоб досягти подальшого прогресу в галузі хмарних обчислень.