Per a molts desenvolupadors, propietaris d'empreses i equips de TI, allotjar un lloc web estàtic a AWS EC2 amb un domini personalitzat ofereix una flexibilitat, escalabilitat i rendiment inigualables. Tanmateix, configurar l'arquitectura, les configuracions de xarxa i l'encaminament del domini pot semblar intimidatori sense una guia clara. En aquest article, us guiarem a través d'una guia detallada pas a pas per implementar un lloc web estàtic a AWS EC2, configurar un núvol privat virtual (VPC) i enllaçar-lo a un domini personalitzat comprat a GoDaddy.

Tant si sou un desenvolupador experimentat com si sou propietari d'una empresa que vol entendre el backend de la vostra infraestructura d'allotjament, aquesta guia completa us ajudarà a navegar pel procés sense esforç.

Introducció: Per què triar AWS EC2 per a llocs web estàtics?

AWS EC2 (Elastic Compute Cloud) és una opció popular per allotjar llocs web estàtics a causa de la seva escalabilitat, fiabilitat i àmplies opcions de personalització. Si el desplegueu a AWS EC2, obtindreu accés a funcions avançades com ara:

• Alt temps de funcionament i rendiment.
• Instàncies de càlcul personalitzables per satisfer les necessitats de trànsit del vostre lloc web.
• Integració amb serveis com ara Ruta 53 d'AWS per a una gestió de dominis sense problemes.

En aquesta guia, repassarem:

1. Configuració de l'arquitectura d'AWS.
2. Implementació d'un lloc web estàtic.
3. Configuració d'un domini personalitzat mitjançant GoDaddy amb AWS Route 53.

sbb-itb-59e1987

Guia pas a pas per implementar un lloc web estàtic a AWS EC2

1. Configuració de l'arquitectura de xarxa

La base per implementar un lloc web estàtic a AWS comença amb la configuració dels components de xarxa de la vostra infraestructura. Seguiu aquests passos:

Pas 1.1: Crear un núvol privat virtual (VPC)

1. Inicia la sessió al teu Consola de gestió d'AWS i navegueu fins a Tauler de control de VPC.
2. Crea una nova VPC amb un nom únic (per exemple, el meuVPC) i un bloc CIDR IPv4 (per exemple, 10.0.0.0/21).
3. Confirmeu la creació correcta de la VPC.

Pas 1.2: Configurar una subxarxa pública

1. Dins del vostre VPC, creeu un subxarxa pública amb un bloc CIDR més petit (per exemple, 10.0.0.0/24).
2. Assigna la subxarxa a una zona de disponibilitat (per exemple, us-east-1a).

Pas 1.3: Connecteu una passarel·la d'Internet

1. Crea i anomena un Porta d'accés a Internet (IGW) (per exemple, el meuIGW).
2. Connecteu la passarel·la al vostre VPC.

Pas 1.4: Crear una taula d'encaminament

1. Crea un taula d'encaminament per al vostre VPC i associeu-lo a la subxarxa pública.
2. Afegeix una regla a la taula d'encaminament per dirigir tot el trànsit (0.0.0.0/0) a la passarel·la d'Internet.

En completar aquests passos, heu establert la base de la vostra xarxa AWS, garantint que els vostres recursos puguin comunicar-se amb Internet.

2. Llançament i configuració d'una instància d'Amazon EC2

Amb la configuració de xarxa establerta, el següent pas és llançar la instància EC2 i preparar-la per allotjar el vostre lloc web.

Pas 2.1: Inicieu la instància EC2

1. Anar a la Tauler de control EC2 i feu clic Instància de llançament.
2. Configura el següent:
   • Nom de la instància: instància-de-lloc-web-estàtic.
   • Sistema operatiu: Ubuntu (trieu la imatge estàndard de la màquina d'Amazon).
   • Tipus d'instància: seleccioneu una opció lleugera com ara t2.micro.
   • Xarxes: Connecteu-ho a la vostra VPC i a la subxarxa pública (creada anteriorment). Habiliteu la assignació automàtica d'IP pública opció.
   • Grups de seguretat: Defineix les regles d'entrada per a:
     • SSH (port 22) per permetre l'accés remot.
     • HTTP (port 80) per servir el trànsit web.
3. Genera i descarrega un parell de claus per a l'accés SSH.

Pas 2.2: Instal·leu el servidor web Apache

1. Connecteu-vos a la instància per SSH a través del vostre terminal o AWS Cloud Shell.
2. Actualitza la instància:

   sudo apt update -y 

3. Instal·leu el servidor web Apache:

   sudo apt instal·la apache2 -y 

4. Inicieu i activeu el servidor web:

   sudo systemctl inicia apache2 sudo systemctl habilita apache2 

Ara podeu verificar que Apache està en funcionament accedint a la IP pública de la instància EC2 al vostre navegador (per exemple, http://). S'hauria de mostrar la pàgina de benvinguda per defecte d'Apache.

3. Implementació dels fitxers estàtics del lloc web

Amb el servidor Apache configurat, ja esteu a punt per carregar els fitxers estàtics del vostre lloc web.

1. Clona el repositori del teu lloc web estàtic (per exemple, des de GitHub):

   clon de git 

2. Navegueu fins al directori arrel d'Apache:

   cd /var/www/html 

3. Elimina el valor per defecte index.html file:

   sudo rm index.html 

4. Mou els fitxers del teu lloc web clonat al directori:

   sudo mv /camí-al-repositori-clonat/* /var/www/html 

5. Actualitza l'URL IP pública al navegador. El teu lloc web estàtic ja hauria d'estar en directe!

4. Configuració d'un domini personalitzat amb AWS Route 53

Afegir un domini personalitzat proporciona professionalitat i credibilitat. Aquesta secció mostra com enllaçar el vostre domini de GoDaddy a AWS Route 53.

Pas 4.1: Crear una zona allotjada

1. En el Tauler de control de la ruta 53 d'AWS, crea'n un de nou zona allotjada públicament per al vostre domini (per exemple, exemple.com).
2. AWS generarà un conjunt de quatre servidors de noms (NS).

Pas 4.2: Actualitzar els servidors de noms a GoDaddy

1. Inicia la sessió al teu Compte de GoDaddy i navegueu fins a la configuració DNS del vostre domini.
2. Substitueix els servidors de noms predeterminats de GoDaddy pels servidors de noms AWS Route 53.
3. Desa els canvis (la propagació del DNS pot trigar entre 5 i 30 minuts o més).

Pas 4.3: Configurar un registre A

1. A la zona allotjada de la Ruta 53, creeu un Un rècord.
2. Apunta el registre a l'adreça IP pública de la teva instància EC2.

Un cop finalitzada la propagació del DNS, podreu accedir al vostre lloc web mitjançant el vostre domini (per exemple, http://example.com).

Aportacions clau

• Configuració de l'arquitectura d'AWSConfigurar una VPC, una subxarxa, una passarel·la d'Internet i una taula d'encaminament garanteix que la infraestructura pugui gestionar el trànsit de manera segura i eficient.
• Apache per a llocs web estàticsLa implementació d'un lloc web estàtic és perfecta amb Apache, un servidor web lleuger i fiable.
• Dominis personalitzats amb Route 53Si actualitzeu els servidors de noms i creeu registres DNS, podeu enllaçar un domini comprat per GoDaddy al vostre lloc web allotjat a AWS.
• Escalabilitat i rendimentAWS EC2 ofereix una solució escalable que es pot adaptar a les necessitats del vostre lloc web.

Conclusió

Implementar un lloc web estàtic a AWS EC2 amb un domini personalitzat pot semblar complex al principi, però dividir-lo en passos manejables simplifica significativament el procés. Seguint aquesta guia, heu creat un entorn d'allotjament robust que és altament personalitzable i escalable, ideal per a llocs web amb molt trànsit o aplicacions crítiques.

Tot i que aquest tutorial cobreix els conceptes bàsics del desplegament, hi ha marge per a una optimització addicional, com ara afegir xifratge SSL/TLS a través d'AWS Certificate Manager per assegurar el vostre lloc web. A mesura que les vostres necessitats d'allotjament evolucionen, AWS proporciona les eines i la flexibilitat per adaptar la vostra infraestructura en conseqüència.

Font: "Implementar un lloc web estàtic a AWS EC2 amb un domini personalitzat (GoDaddy + Route 53)" – vijay giduthuri, YouTube, 30 d'agost de 2025 – https://www.youtube.com/watch?v=OXenklJPvpE

Ús: Incrustat com a referència. Cites breus utilitzades per a comentaris/ressenyes.

Publicacions de bloc relacionades

• Guia pas a pas per utilitzar els serveis de transferència de llocs web per a una migració perfecta
• Guia definitiva per a la incorporació d'allotjament
• Com l'equilibri de càrrega geogràfica millora el rendiment
• Configuració de NGINX per a DevOps: el truc de Serverion per a desplegaments amb temps d'inactivitat zero