Jak bezpłatnie wdrożyć statyczną stronę internetową na AWS S3: przewodnik dla początkujących

Rozwój chmury obliczeniowej sprawił, że wdrażanie stron internetowych stało się coraz prostsze, szczególnie dla początkujących. Ten przewodnik pomoże Ci zrozumieć, jak bezpłatnie wdrożyć statyczną stronę internetową na Simple Storage Service (S3) Amazon Web Services (AWS). Dzięki poniższym krokom będziesz mógł zbudować i uruchomić swoją osobistą stronę internetową, doświadczając potęgi i wygody chmury obliczeniowej.

Krok 1: Przygotowania

Przed rozpoczęciem wdrażania upewnij się, że masz następujące przygotowania:

1. Konto AWS: Odwiedź stronę AWS i zarejestruj konto AWS.
2. Podstawowa wiedza o HTML/CSS: Zrozum podstawowe zasady tworzenia stron internetowych i przygotuj prostą statyczną stronę internetową. Możesz użyć poniższego prostego szablonu:

    Moja statyczna strona internetowa


# Witaj na mojej statycznej stronie internetowej!

    To moja pierwsza statyczna strona internetowa.

Zapisz powyższy kod jako plik index.html i przygotuj inne potrzebne zasoby statyczne (takie jak obrazy, pliki CSS itp.).

Krok 2: Utworzenie koszyka S3

1. Zaloguj się do konsoli zarządzania AWS, wyszukaj i wybierz usługę „S3”.
2. Kliknij „Utwórz koszyk”.
3. W oknie, które się pojawi:
   • Nazwa koszyka: Wprowadź unikalną nazwę koszyka, na przykład my-static-website-12345.
   • Region: Wybierz region najbliższy Tobie.
   • Pozostaw inne opcje na domyślnych ustawieniach, a następnie kliknij „Utwórz koszyk”.

Krok 3: Konfiguracja koszyka

1. Ustawienia uprawnień:
   • Znajdź właśnie utworzony koszyk i kliknij, aby go otworzyć.
   • Przejdź do zakładki „Uprawnienia”, a następnie kliknij „Polityka koszyka”.
   • W edytorze polityki dodaj następującą politykę, aby umożliwić publiczny dostęp do Twojej strony:

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

Uwaga: Zastąp my-static-website-12345 swoją własną nazwą koszyka.

2. Włącz hosting statycznej strony internetowej:
   • Wróć do głównej strony koszyka, kliknij zakładkę „Właściwości”.
   • Znajdź „Hosting statycznej strony internetowej”, a następnie kliknij „Edytuj”.
   • Wybierz „Użyj tego koszyka do hostowania strony internetowej”.
   • W polu „Dokument indeksu” wpisz index.html, a następnie kliknij „Zapisz zmiany”.

Krok 4: Przesyłanie plików

1. Na głównej stronie koszyka kliknij „Prześlij”.
2. Przeciągnij plik index.html oraz inne pliki zasobów statycznych (takie jak pliki CSS, obrazy) do obszaru przesyłania.
3. Upewnij się, że wszystkie pliki zostały przesłane.

Krok 5: Uzyskaj dostęp do swojej strony internetowej

1. Wróć do zakładki „Właściwości” koszyka, ponownie sprawdź sekcję „Hosting statycznej strony internetowej”, a zobaczysz adres URL podobny do http://my-static-website-12345.s3-website-us-east-1.amazonaws.com/.
2. Skopiuj ten link i otwórz go w przeglądarce, a zobaczysz swoją statyczną stronę internetową online!

Wskazówki i najlepsze praktyki

• Unikaj przekroczenia limitu bezpłatnego: AWS S3 ma warunki bezpłatnego użytkowania, ale upewnij się, że przestrzegasz ograniczeń użytkowania, aby uniknąć opłat.
• Używaj kontroli wersji: Rozważ użycie narzędzi do kontroli wersji, takich jak Git, aby zarządzać plikami swojej strony, zwiększając efektywność rozwoju.
• Optymalizuj zasoby: Używaj skompresowanych obrazów i minimalizuj pliki CSS/JavaScript, aby zwiększyć szybkość ładowania strony.
• Regularnie sprawdzaj ustawienia bezpieczeństwa: Regularnie przeglądaj uprawnienia koszyka, aby upewnić się, że Twoje zasoby nie są dostępne dla nieautoryzowanych użytkowników.

Podsumowanie

AWS S3 oferuje wygodny i ekonomiczny sposób na hostowanie statycznych stron internetowych. Dzięki temu przewodnikowi nauczyłeś się podstawowych kroków tworzenia, konfigurowania i publikowania swojej pierwszej statycznej strony internetowej na AWS. W miarę rozwoju technologii możesz stopniowo rozszerzać funkcjonalność swojej strony, ucząc się więcej o chmurze obliczeniowej i tworzeniu stron internetowych. Zapraszamy do rozpoczęcia swojej podróży w chmurze!