Desplegar un sitio web estático en AmazonS3 - doapps/software GitHub Wiki

Hola, en esta oportunidad se dará la explicación breve, concisa y sencilla de como podemos desplegar un sitio web estático en AmazonS3.

Pre-requisitos

  • Contar con su directorio de sitio web estático que desea desplegar.
  • Tener una cuenta de Amazon Web Service.

Comencemos

  1. Nos dirigimos a la siguiente URL de Amazon Web Service.
https://signin.aws.amazon.com/console

En este tutorial, contamos una URL personalizada.

https://doapps.signin.aws.amazon.com/console

Donde ingresamos nuestras credenciales de AWS e iniciamos sesión.

Credenciales
* Cuenta: doapps
* Nombre de usuario: [email protected]
* Contraseña: •••••••••••
  1. Ahora nos encontramos dentro de la plataforma de AWS, seleccionamos en la parte superior izquierda lo siguiente:
Servicios > Almacenamiento > S3

  1. Ahora procederemos a crear nuestro Bucket, el cual almacenará nuestro sitio web estático. Presionamos el botón Crear bucket.

  1. Procederemos a realizar la configuración de nuestro Bucket, completando con los siguientes datos.
1. Nombre y región
* Nombre del bucket: core.doapps.pe
* Región: EE.UU. ESTE(Ohio)
* Copiar configuración de un bucket existente:  plataforma-patrocinio.doapps.pe 
En esta oportunidad copiaremos una configuración existente.
Presionamos siguiente.

2. Configurar opciones
No realizamos ninguna modificación, presionamos siguiente.

3. Establecer permisos
No realizamos ninguna modificación, presionamos siguiente.

4. Revisión
No realizamos ninguna modificación, presionamos Crear bucket

  1. Felicidades, ya tenemos nuestro Bucket, ahora ingresamos y realizamos la configuración de los permisos correspondientes que debe tener nuestro Bucket para poder desplegar nuestro sitio web estático.

  1. Tendremos un Menú de la vista de nuestro Bucket y nos dirigimos a Propiedades.

  1. Visualizaremos varias tarjetas, nos ubicamos dentro de Alojamiento de sitios web estáticos, y realizamos lo siguiente.
Visualizamos un Punto de enlace: http://core.doapps.pe.s3-website.us-east-2.amazonaws.com
El cual será nuestra URL para acceder a nuestro sitio web estático.

* Presionamos: Usar este bucket para alojar un sitio web
* Completamos el campo Documento de índice con nuestro archivo de inicio de nuestra página web (index.html). 
* Si contamos con un archivo para errores (error.html), rellenamos el campo Documento de error.
* Presionamos guardar.

  1. Ya estamos casi listos para subir nuestros archivos y visualizar nuestra sitio web desplegado, pero antes haremos que sea público y cualquiera puede visualizarlo. En el Menú de la vista de nuestro Bucket, seleccionamos Permisos y luego Política de Bucket.

  1. Ingresamos el siguiente código, donde yourbucketname, tendrá el nombre de nuestro Bucket. Y presionamos en Guardar.
Ejemplo
{
  "Version": "2012-10-17",
  "Statement": [
    {
      "Sid": "PublicReadGetObject",
      "Effect": "Allow",
      "Principal": "*",
      "Action": "s3:GetObject",
      "Resource": "arn:aws:s3:::yourbucketname/*"
    }
  ]
}

Nuestro Bucket
{
  "Version": "2012-10-17",
  "Statement": [
    {
      "Sid": "PublicReadGetObject",
      "Effect": "Allow",
      "Principal": "*",
      "Action": "s3:GetObject",
      "Resource": "arn:aws:s3:::core.doapps.pe/*"
    }
  ]
}

  1. Ahora nos dirigimos a Información General de nuestro Menú.

  1. Ahora haremos lo siguiente.
* Presionamos el botón Cargar.

  1. Nos mostrará la siguiente ventana, donde podremos añadir los archivos de nuestro sitio web estático.
* Presionamos el botón Añadir Archivos.

  1. Ahora haremos lo siguiente.
* Seleccionamos los archivos de nuestro directorio de sitio web estático que desea desplegar.
* Presionamos Abrir

  1. Tendremos una visualización de todos los archivos que hemos seleccionado, ahora haremos lo siguiente.
1. Seleccionar archivos
* Presionamos siguiente.
2. Establecer permisos
* Presionamos siguiente.
3. Establecer propiedades 
* Presionamos siguiente.
4. Revisión
* Presionamos Cargar.

  1. Observamos que los archivos se están cargando, solo es cuestión de esperar y termine el proceso :).

  2. Felicidades nuevamente, ya termino de subir los archivos a nuestro Bucket.

  3. Ingresamos a la siguiente URL, para verificar que funcione correctamente.

 http://core.doapps.pe.s3-website.us-east-2.amazonaws.com

Autor:

Luis Yauri | Front-End Developer :mortar_board: