Usaremos los siguientes 4 servicios proporcionados por AWS:

• Ruta 53 (para nuestro dominio DNS)
• S3 (para nuestros archivos estáticos)
• CloudFront (CDN: servirá nuestros archivos estáticos desde varias ubicaciones)
• Administrador de certificados (certificado SSL: su sitio tendrá https GRATIS

Resumen

• Aprovisionaremos y configuraremos dos depósitos de S3. Se puede servir contenido estático a través de S3. lo contrario se utilizará simplemente para redirigir la red informática tudominio.com a otro dominio.com.
• Produciremos un certificado SSL asociado mediante el servicio AWS Certificate Manager
• Nos encontraremos con 2 distribuciones de CloudFront que pueden usar los depósitos de S3 como orígenes. (El sitio web en sí se servirá a través de las ubicaciones de borde de CloudFront; sin embargo, los archivos se mantendrán en S3).
• Encontraremos registros de alias de DNS que se destinan a CloudFront, con la ayuda del servicio de DNS de Route53.

Configurar el depósito de S3 para almacenar contenido

1. Proporcionaremos 2 depósitos con cualquier nombre y uno guardará el contenido del sitio web y el otro estará vacío. Recomendamos nombrar los depósitos yourdomain.com y www.yourdomain.com
2. Vaya a la consola de S3 y elija el depósito estático, haga clic en propiedades y asegúrese de habilitar “Alojamiento de sitios web estáticos”.
   Usaremos este depósito para alojar un sitio web.Aquí, asegúrese de hacer que el documento de índice sea parte como index.html y guarde
3. Seleccione el segmento “www”, haga clic en propiedades y habilite “Alojamiento de sitios web estáticos”. Seleccione “Redirigir solicitudes”.
   Ingrese yourdomain.com como el “segmento de destino.
   Establezca “Protocolo” en https. Luego haga clic en Guardar.
4. Note down endpoint (anote los extremos) de las URL que se muestran para cada depósito en el panel de propiedades “Alojamiento de sitios web estáticos”. (Las URL de los extremos se parecen a http://yourbucketname.s3-website-us-east-1.amazonaws.com).

Configure AWS Certificate Manager para su sitio web

Si aún no tiene un certificado emitido para su dominio con ACM, vaya a AWS Certificate Manager en la consola de AWS de Amazon.

1. Haga clic en “Solicitar un certificado” (Chill, es gratis por Amazon)
2. Cree dos entradas en “Agregar nombres de dominio”: yourdomain.com and *.yourdomain.com.
3. Elija el método de validación que funcione para usted (pero es casi seguro que debería usar la validación de DNS), luego solicite el certificado. Es posible que su certificado tarde una hora o más en emitirse y estar disponible.

Configurar CloudFront para la distribución de la región perimetral

Pasos para configurar 2 distribuciones de Cloudfront

Anote el Domain Name de CloudFront para cada distribución. Es posible que los nombres de dominio tarden unos minutos en aparecer en la consola de CloudFront. (Los nombres de dominio de CloudFront se parecen a d1tj8z7yt99sdx.cloudfront.net.)

Distribuciones de Cloudfront

Configurar DNS usando Route 53

Pasos para configurar DNS

DNS.yaml

Go to the Route 53 section of the AWS console.
Click:                     Hosted Zones
Click:                     your domain.
Delete:                    A-records listed for yourdomain.com. and www.yourdomain.com
Create:                    A new A-record by clicking "Create Record Set"
Name:                      blank
Type:                      A - IPv4 address
Alias:                     yes
Alias Target:              The CloudFront Domain Name of the distribution that points to your static bucket.
Click:                     Create
Create:                    a new A-record by clicking "Create Record Set". Use the following settings:
Name:                      www
Type:                      A - IPv4 address
Alias:                     yes
Alias Target:              The CloudFront Domain Name of the distribution that points to your -www bucket. (In the dropdown, make sure you select from the list of "CloudFront distributions" and not from "S3 website endpoints".)
Click:                     Create

dns.yaml

¡Está completo!

Una vez que hayamos terminado con las configuraciones, espere un tiempo, ya que las distribuciones de Cloudfront tardarán un poco en estar activas y la configuración del nombre de dominio se reflejará como se esperaba.

Nota: yourdomain-static y estarán disponibles en t https://yourdomain.com. Los visitantes de http(s)://www.yourdomain.com serán redirigidos a  https://yourdomain.com.

Después de que el sitio web esté activo y en ejecución, implemente algún código y desee realizar algunos cambios en los archivos de su dominio:

1. Invalide los objetos almacenados en caché en CloudFront para hacer esto, vaya a la consola de CloudFront,
2. Haga clic en Distribuciones
3. Haga clic en Invalidaciones
4. Crear invalidaciones
5. Haga clic en Invalidar