Com desplegar un lloc web estàtic gratuïtament a AWS S3: Guia per a principiants

La popularització del núvol ha facilitat el desplegament de llocs web, especialment per als principiants. Aquesta guia us mostrarà com desplegar un lloc web estàtic gratuïtament a Amazon Web Services (AWS) Simple Storage Service (S3). A través dels següents passos, podreu construir i llançar el vostre propi lloc web personal, experimentant la potència i la comoditat del núvol.

Primer pas: Preparatius

Abans de començar el desplegament, assegureu-vos de tenir els següents preparatius:

1. Compte AWS: Visiteu la pàgina oficial d'AWS per registrar un compte AWS.
2. Coneixements bàsics d'HTML/CSS: Entendre els coneixements bàsics de creació de pàgines web, preparar una pàgina web estàtica senzilla. Podeu utilitzar la següent plantilla senzilla:

    El meu lloc web estàtic


# Benvingut al meu lloc web estàtic!

    Aquesta és la meva primera pàgina web estàtica.

Guardeu el codi anterior com a fitxer index.html i prepareu altres recursos estàtics necessaris (com imatges, fitxers CSS, etc.).

Segon pas: Crear un cub d'emmagatzematge S3

1. Inicieu sessió al panell de control d'AWS, cerqueu i seleccioneu el servei "S3".
2. Feu clic a "Crear cub d'emmagatzematge".
3. A la finestra emergent:
   • Nom del cub: Introduïu un nom de cub únic, per exemple my-static-website-12345.
   • Regió: Seleccioneu la regió més propera a vosaltres.
   • Manteniu les altres opcions amb la configuració per defecte, feu clic a "Crear cub d'emmagatzematge".

Tercer pas: Configurar el cub

1. Establir permisos:
   • Trobeu el cub que acabau de crear i feu clic per entrar.
   • Anar a la pestanya "Permisos", feu clic a "Política del cub".
   • A l'editor de polítiques, afegiu la següent política per permetre l'accés públic al vostre lloc web:

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

Nota: Substituïu my-static-website-12345 pel nom del vostre cub.

2. Habilitar l'allotjament de llocs web estàtics:
   • Torneu a la pàgina principal del cub, feu clic a la pestanya "Propietats".
   • Trobeu "Allotjament de llocs web estàtics", feu clic a "Editar".
   • Seleccioneu "Utilitzar aquest cub per allotjar un lloc web".
   • A "Document d'índex" introduïu index.html, i després feu clic a "Desa els canvis".

Quart pas: Puja fitxers

1. A la pàgina principal del cub, feu clic a "Pujar".
2. Arrossegueu index.html i altres fitxers de recursos estàtics (com fitxers CSS, imatges) a la zona de pujada.
3. Assegureu-vos que tots els fitxers s'hagin pujat correctament.

Cinquè pas: Accediu al vostre lloc web

1. Torneu a la pestanya "Propietats" del cub, torneu a veure la secció "Allotjament de llocs web estàtics", veureu una URL similar a http://my-static-website-12345.s3-website-us-east-1.amazonaws.com/.
2. Copieu aquest enllaç i obriu-lo al navegador, veureu que el vostre lloc web estàtic ja està en línia!

Consells i millors pràctiques

• Eviteu excedir el límit gratuït: AWS S3 té un nivell d'ús gratuït, però assegureu-vos de seguir les limitacions d'ús per evitar costos.
• Utilitzeu control de versions: Considereu utilitzar eines de control de versions com Git per gestionar els fitxers del vostre lloc web, millorant l'eficiència del desenvolupament.
• Optimitzeu recursos: Utilitzeu imatges comprimides i fitxers CSS/JavaScript minimitzats per millorar la velocitat de càrrega del lloc web.
• Reviseu regularment les configuracions de seguretat: Reviseu periòdicament els permisos del cub per assegurar-vos que els vostres recursos no siguin accessibles sense autorització.

Conclusió

AWS S3 ofereix una manera convenient i econòmica d'allotjar llocs web estàtics. A través d'aquesta guia, heu après els passos bàsics per crear, configurar i publicar el vostre primer lloc web estàtic a AWS. A mesura que la tecnologia avança, podeu ampliar gradualment les funcionalitats del vostre lloc web i aprendre més sobre el núvol i el desenvolupament web. Benvinguts a començar el vostre viatge al núvol!