Alojar un sitio web estático

Implementación

• Creación y conexión de un repositorio

  Para comenzar este tutorial, deberá crear e inicializar un repositorio. La forma más fácil de hacerlo es con el comando create-react-app. Instale este paquete mediante el siguiente comando en el símbolo del sistema o la terminal.

  ¿Ya tiene un repositorio para conectar? Vaya al paso c a continuación.

  ¿Desea implementarlo sin conectar al proveedor Git? Comience por hacer clic aquí.

  npx create-react-app amplifyapp
  cd amplifyapp
  npm start

  Code snippet copied

  Copiar

  En este paso, creará un repositorio de GitHub, a donde luego enviará el código. Para completar este paso necesitará una cuenta de GitHub; si no tiene una, regístrese aquí.

  a. Cree un nuevo repositorio de GitHub para su aplicación (enlace)
  

  

  b. Inicie Git y, para enviar la aplicación al nuevo repositorio de GitHub, ejecute los siguientes comandos en la interfaz de línea de comandos:
  

  git init
  git remote add origin git@github.com:username/reponame.git
  git add .
  git commit -m “initial commit”
  git push origin master

  Code snippet copied

  Copiar

  c. Para conectar el repositorio, inicie sesión en la consola de Amplify y elija Get started (Introducción) en la parte superior de la página. Luego, haga clic en Get Started en Amplify Hosting.
  

  

  

  Conecte los repositorios de GitHub, Bitbucket, GitLab o AWS CodeCommit. También tiene la opción de cargar manualmente los artefactos de compilación sin conectar un repositorio Git (consulte Implementaciones manuales). Después de autorizar la consola de Amplify, ésta busca un token de acceso del proveedor de repositorios, pero no almacena el token en los servidores de AWS. Amplify accede al repositorio mediante las claves de implementación instaladas solo en un repositorio específico.
  

  

  Luego de conectar el proveedor de servicio de repositorios, elija un repositorio y luego seleccione una de las ramificaciones correspondientes para crear e implementar.
  

  

• Confirmar la configuración de creación

  Para la ramificación seleccionada, Amplify inspecciona el repositorio a fin de detectar automáticamente la secuencia de comandos de creación que debe ejecutarse. Confirme las configuraciones de creación y haga clic en Next (Siguiente).
  

  

• Guardar e implementar

  Revise todas los ajustes para garantizar que todo se configuró correctamente. Seleccione Save and deploy (Guardar e implementar) para implementar la aplicación web en una red de entrega de contenido global (CDN). La creación del frontend suele tomar 1 o 2 minutos, pero puede variar en función del tamaño de la aplicación.