Розміщення HTML-сторінки на S3
Оскільки ми вже розмістили різні елементи, такі як скрипти та стилі, у нашому публічному S3-бакеті, можливо, ви замислювалися про розміщення повної HTML-сторінки або статичного вебсайту в S3-бакеті. Дізнайтеся, як це зробити у публічному S3-бакеті, доступному за посиланням.
Розміщення HTML-сторінки на AWS S3
Для початку рекомендується створити окрему папку у бакеті, де зберігатимуться всі ресурси, пов’язані з цією вебсторінкою, для зручнішого керування та розробки:
Тепер, як зазвичай, потрібно завантажити HTML-файл у наш публічний бакет.
HTML-файл, який ми будемо завантажувати, виглядає так:
index.html
Хмарні технології використовуються для імпорту Bootstrap, а також для зображення, яке слугує нашим аватаром у портфоліо.
Тепер завантажимо його у S3 бакет:
Тепер потрібно лише перейти за посиланням на цей бакет, і HTML-сторінка, яка є нашим портфоліо, з'явиться перед нами.
Найцікавіше, що ця сторінка знаходиться у хмарі, і ми завжди матимемо до неї доступ.
Статична веб-сторінка
Існує інший спосіб розміщення веб-сторінки на S3, і цей метод буде більш спеціалізованим для веб-сторінок. Розглянемо, як це зробити.
Спочатку необхідно створити новий бакет та завантажити HTML-файл, який буде головною сторінкою нашого статичного вебсайту.
Для цього створіть новий бакет та завантажте HTML-файл із портфоліо:
Рекомендується створити окрему папку та завантажити туди CSS-стилі, JavaScript-скрипти, різні медіафайли та інші матеріали, пов’язані з вашим статичним вебсайтом.
Далі перейдіть на вкладку "Properties" і прокрутіть сторінку донизу. Необхідно знайти розділ під назвою "Static website hosting", як показано на скріншоті нижче:
Відкрийте цей розділ і виберіть «Увімкнути» у рядку «Статичний хостинг вебсайтів».
Далі необхідно вказати індексний документ, у нашому випадку це portfolio.html. Якщо у вас є сторінка для обробки помилок, її також можна вказати.
Після цього просто збережіть сторінку.
Зверніть увагу, що для того, щоб сторінка була доступною для користувачів і для вас в інтернеті, потрібно налаштувати її доступність так само, як ми робили це для попереднього бакета.
Далі потрібно зберегти зміни, і Amazon надасть нам посилання на наш статичний вебсайт, яке можна знайти внизу:
Тепер, перейшовши за цим посиланням, ви зможете побачити нашу HTML-сторінку, розміщену на AWS S3:
Зверніть увагу, що це не найкращий спосіб розміщення вебсайту; для цього існують спеціалізовані сервіси, такі як Amazon EC2.
На S3 можна розміщувати невеликі статичні вебсайти, але цього може бути недостатньо для більших застосунків.
Розміщення на S3 є досить простим, і тепер ви знаєте, як завантажувати та зберігати свої медіафайли там.
Дякуємо за ваш відгук!
Запитати АІ
Запитати АІ
Запитайте про що завгодно або спробуйте одне із запропонованих запитань, щоб почати наш чат
Can you explain the difference between just uploading an HTML file and enabling static website hosting on S3?
What are the limitations of hosting a website on S3 compared to using EC2?
How do I make sure my CSS and JavaScript files work correctly when hosting on S3?
Awesome!
Completion rate improved to 4.55Розміщення HTML-сторінки на S3
Свайпніть щоб показати меню
Оскільки ми вже розмістили різні елементи, такі як скрипти та стилі, у нашому публічному S3-бакеті, можливо, ви замислювалися про розміщення повної HTML-сторінки або статичного вебсайту в S3-бакеті. Дізнайтеся, як це зробити у публічному S3-бакеті, доступному за посиланням.
Розміщення HTML-сторінки на AWS S3
Для початку рекомендується створити окрему папку у бакеті, де зберігатимуться всі ресурси, пов’язані з цією вебсторінкою, для зручнішого керування та розробки:
Тепер, як зазвичай, потрібно завантажити HTML-файл у наш публічний бакет.
HTML-файл, який ми будемо завантажувати, виглядає так:
index.html
Хмарні технології використовуються для імпорту Bootstrap, а також для зображення, яке слугує нашим аватаром у портфоліо.
Тепер завантажимо його у S3 бакет:
Тепер потрібно лише перейти за посиланням на цей бакет, і HTML-сторінка, яка є нашим портфоліо, з'явиться перед нами.
Найцікавіше, що ця сторінка знаходиться у хмарі, і ми завжди матимемо до неї доступ.
Статична веб-сторінка
Існує інший спосіб розміщення веб-сторінки на S3, і цей метод буде більш спеціалізованим для веб-сторінок. Розглянемо, як це зробити.
Спочатку необхідно створити новий бакет та завантажити HTML-файл, який буде головною сторінкою нашого статичного вебсайту.
Для цього створіть новий бакет та завантажте HTML-файл із портфоліо:
Рекомендується створити окрему папку та завантажити туди CSS-стилі, JavaScript-скрипти, різні медіафайли та інші матеріали, пов’язані з вашим статичним вебсайтом.
Далі перейдіть на вкладку "Properties" і прокрутіть сторінку донизу. Необхідно знайти розділ під назвою "Static website hosting", як показано на скріншоті нижче:
Відкрийте цей розділ і виберіть «Увімкнути» у рядку «Статичний хостинг вебсайтів».
Далі необхідно вказати індексний документ, у нашому випадку це portfolio.html. Якщо у вас є сторінка для обробки помилок, її також можна вказати.
Після цього просто збережіть сторінку.
Зверніть увагу, що для того, щоб сторінка була доступною для користувачів і для вас в інтернеті, потрібно налаштувати її доступність так само, як ми робили це для попереднього бакета.
Далі потрібно зберегти зміни, і Amazon надасть нам посилання на наш статичний вебсайт, яке можна знайти внизу:
Тепер, перейшовши за цим посиланням, ви зможете побачити нашу HTML-сторінку, розміщену на AWS S3:
Зверніть увагу, що це не найкращий спосіб розміщення вебсайту; для цього існують спеціалізовані сервіси, такі як Amazon EC2.
На S3 можна розміщувати невеликі статичні вебсайти, але цього може бути недостатньо для більших застосунків.
Розміщення на S3 є досить простим, і тепер ви знаєте, як завантажувати та зберігати свої медіафайли там.
Дякуємо за ваш відгук!
