# Como conectar Cloudfront AWS con un subdominio de Hostinger

## Contexto

He creado un repositorio para compartir [cómo implementar Microfrontend (MFE) en el edge utilizando la infraestructura de Amazon Web Services (AWS)](https://github.com/pushit-tech/mfe-on-the-edge).

Ya poseía un dominio con SSL adquirido en Hostinger y quería vincular un subdominio al CDN de Cloudfront para que el acceso fuese mas facil.

Por el momento no necesito manjar los dominios con Route 53 entonces trate de irme por un camino que considere mas simple y es unirme a Hostinger.

Este pequeño tutorial nos da el paso a paso de Como hacerlo?

### Antes de iniciar

* Poseer un dominio con SSL en Hostinger.
    
* Tener una cuenta activa en AWS y acceso a la misma.
    
* Disponer de un distribución de Cloudfront
    

# Pasos

### 1\. Obtén la distribución de dominio de Cloudfront

![](https://cdn.hashnode.com/res/hashnode/image/upload/v1713042897277/e47d2a26-cabf-43cd-8667-13c2574d6d37.png align="center")

![](https://cdn.hashnode.com/res/hashnode/image/upload/v1713043046506/c0fd35d6-1372-4b3c-ba68-e717e1b0b8e3.png align="center")

### 2\. Asocia el certificado SSL a Cloudfront

Entra a AWS > Cloudfront > Tu distribución > General > Edit

![](https://cdn.hashnode.com/res/hashnode/image/upload/v1713043999836/d07211de-7566-4faa-a989-ffad824a280e.png align="center")

Si ya tienes asociada un custom SSL:

* Agrega el dominio a el campo *"Alternate domain"*.
    
* Asocia el certificado correspondiente a dicho dominio.
    
* Da click en save changes.
    
* Espera a que cloudfront se distribuya.
    

![](https://cdn.hashnode.com/res/hashnode/image/upload/v1713071006357/45ce5dc4-30e1-4470-a1de-0c575a96b8ca.png align="center")

### 3\. Agrega un Registro CNAME a Hostinger

Este paso puede cambiar dependiendo de quien este gestionando tu dominio en el momento, para este caso es Hostinger pero podría ser Route53

Hostinger > Domains > DNS/Nameservers

![](https://cdn.hashnode.com/res/hashnode/image/upload/v1713043470344/ceec384d-4d6c-4640-805a-836ed3a76d56.png align="center")

### Errores frecuentes

#### 1\. No encuentro certificado SSL en el Edit settings de Cloudfront

Si algo como esto te pasa es por que debes crear el ACM.

Para esto tengo otro tutorial [Como asociar nuestro SSL/TLS de Hostinger a AWS & ACM](https://pushit.tech/ssltls-de-hostinger-a-aws-acm) sigue los pasos y continua dando click en `save changes`

![](https://cdn.hashnode.com/res/hashnode/image/upload/v1713044114376/ba6afc8c-131a-4997-986c-c8dac50fb86d.png align="center")

## Recursos Adicionales

* [Gestión de Registros CAA en Hostinger](https://support.hostinger.com/en/articles/5950464-how-to-manage-caa-records)
    
* [Obtener un Certificado SSL/TLS para tu Nombre de Dominio Usando AWS Certificate Manager](https://medium.datadriveninvestor.com/getting-an-ssl-tls-certificate-for-your-domain-name-using-aws-certificate-manager-20604a89f03b)
    
* [https://docs.aws.amazon.com/acm/latest/userguide/troubleshooting-caa.html](https://docs.aws.amazon.com/acm/latest/userguide/troubleshooting-caa.html)