con AWS CodeStar y AWS Cloud9

En este tutorial aprenderá a usar AWS CodeStar y AWS Cloud9 para desarrollar, compilar e implementar una aplicación web sin servidor de Node.js. Como desarrollador, la configuración de un flujo de trabajo de desarrollo de software automatizado puede ser una tarea detallada que requiere mucho tiempo. AWS CodeStar es una herramienta de desarrollo de software que le permite desarrollar, compilar e implementar rápidamente aplicaciones en AWS. Con CodeStar puede configurar su cadena de herramientas de entrega continua en minutos, lo que permite comenzar a publicar código más rápido.

Cloud9 es un IDE en la nube para escribir, ejecutar y depurar código. Cloud9 incluye herramientas esenciales para muchos lenguajes de programación populares (JavaScript, Python, PHP, etc.), por lo que no tiene que preocuparse de instalar varios compiladores y cadenas de herramientas.

En los próximos minutos, usará AWS CodeStar para crear una nueva aplicación web sin servidor de Node.js basada en AWS Lambda. Usará AWS CodeStar para configurar una cadena de herramientas de entrega continua utilizando AWS CodeCommit para el control del código fuente y AWS CodePipeline para automatizar su proceso de publicación. A continuación, cambiará algún código en el proyecto de Node.js mediante Cloud9 y confirmará el cambio para activar su canalización continua y volverá a implementar el proyecto.

Los servicios de AWS que utiliza en este tutorial están dentro de la capa gratuita de AWS.

Es necesario contar con una cuenta de AWS para realizar este tutorial

Crear una cuenta gratuita

El uso de AWS CodeStar o AWS Cloud9 no conlleva cargos adicionales. Los recursos que cree con el tutorial se pueden utilizar dentro de la capa gratuita.

Consulte los detalles de la capa gratuita de AWS »

Abra la consola de administración de AWS para poder mantener abierta esta guía paso a paso. Cuando la pantalla se cargue, escriba su nombre de usuario y contraseña para comenzar. A continuación, escriba Codestar en la barra de búsqueda y seleccione CodeStar para abrir la consola de CodeStar.

(Haga clic para ampliar).

En este paso, configurará CodeStar y, después, creará e implementará un proyecto de Node.js de AWS Lambda sin servidor.


a. En la página principal de CodeStar, seleccione Start a project (Comenzar un proyecto).

 

(Haga clic para ampliar).


b. CodeStar puede ayudarle con la administración de los recursos de AWS en su nombre; para habilitar esta característica, CodeStar debe crearle un rol de servicio de AWS. En el cuadro de diálogo Create service role (Crear rol de servicio), seleccione Yes, create role (Sí, crear rol).

(Haga clic para ampliar).


c. En la página Choose a project template (Elegir una plantilla de proyecto), elija la plantilla de Node.js que incluye una aplicación web y AWS Lambda. Puede usar CodeStar para desarrollar diferentes aplicaciones, como sitios web, aplicaciones web, servicios web y habilidades de Alexa. Puede desarrollar en Java, JavaScript, PHP, Ruby, C#, Go, HTML y Python.

(Haga clic para ampliar).


d. En la página Project details (Detalles del proyecto), escriba nodejs-serverless-project para el nombre de proyecto. Confirme que ha seleccionado AWS CodeCommit y, a continuación, elija Next (Siguiente).

(Haga clic para ampliar).


e. En la página Review project details (Revisar los detalles del proyecto), observe que CodeStar creará una canalización completa de integración continua usando CodeCommit para el control de versiones, AWS CodeBuild para compilar y probar, y AWS CloudFormation para la implementación en Lambda. Adicionalmente, CodeStar usará Amazon CloudWatch para monitorizar su aplicación. Seleccione Create Project (Crear proyecto).

(Haga clic para ampliar).


f. En la página Set up tool (Configurar herramienta), en Pick how you want to edit your code (Elija cómo desea editar el código), seleccione AWS Cloud9 y, a continuación, elija Next (Siguiente).

(Haga clic para ampliar).


g. En la página Set up your AWS Cloud9 environment (Configurar el entorno de AWS Cloud9), en Recommended instances (Instancias recomendadas), seleccione t2.micro y elija Next (Siguiente). El IDE de Cloud9 se ejecutará en esta instancia y podrá obtener acceso a él mediante el navegador.

(Haga clic para ampliar).


h. Ahora AWS CodeStar configurará el proyecto de CodeStar y lo conectará al IDE de Cloud9. En pocos minutos, se mostrará el mensaje Success! Your project and IDE are set up and ready to use (Correcto. El proyecto y el ID se han configurado y están listos para usarse).

(Haga clic para ampliar).


i. El panel del proyecto se mostrará en breve. Busque el icono Application endpoints (Puntos de enlace de aplicación) y seleccione el enlace entre las barras horizontales. La nueva aplicación de Node.js debería mostrarse en una nueva pestaña o en las ventanas de navegación. Mientras se completa el proceso de implementación continua, se mostrará el cubo de iconos en espera y desaparecerá.

(Haga clic para ampliar).

En este paso, hará cambios en el código de la aplicación con Cloud9. Después, confirmará los cambios en CodeCommit, que le indicará a CodePipeline que desencadene automáticamente la compilación del código a través de CodeBuild y la implementación mediante CloudFormation en Lambda.


a. Al volver al panel de AWS CodeStar, seleccione Start coding (Iniciar codificación). CodeStar clonará el repositorio git en su entorno de Cloud9 y abrirá el IDE de Cloud9 en el navegador. En la parte inferior del IDE de Cloud9, en la pestaña bash, cambie de directorio para comenzar a trabajar con el código usando el comando siguiente:

cd /home/ec2-user/environment/nodejs-serverle

(Haga clic para ampliar).


b. Una práctica recomendada es configurar su nombre.de.usuario y correo.electrónico.de.usuario de git cuando configure un nuevo entorno de Cloud9 mediante los siguientes comandos:

git config --global user.name YOUR_USER_NAME
git config --global user.email YOUR_EMAIL_ADDRESS

c. Ahora que el entorno está completamente configurado, ya puede comenzar el desarrollo. En el IDE de Cloud9, seleccione la pestaña Navigate (Navegar) situada a la izquierda y, a continuación, seleccione index.html. Se abrirá el archivo index.html en el IDE de Cloud9.

(Haga clic para ampliar).


d. Como la mayoría de los IDE, Cloud9 tiene teclas de acceso directo para editar y buscar texto. Para encontrar la línea de código que desea cambiar, use Comando-f en macOS, Ctrl-f en Windows o Ctrl-f en Linux. Escriba appl en la barra de búsqueda find (buscar); el editor de Cloud9 desplazará el texto para resaltar la cadena appl, aproximadamente en la línea 62.

(Haga clic para ampliar).


e. En el IDE de Cloud9, agregue 3 signos de exclamación después de la palabra application y, a continuación, guarde los cambios con la combinación de teclas Comando-s en macOS, Ctrl-s en Windows o Ctrl-s en Linux.

(Haga clic para ampliar).


f. Usando la pestaña bash situada en la parte inferior del IDE de Cloud9, confirme que ha guardado los cambios; para ello, escriba el comando siguiente:

git status

Si git devuelve modified: public/index.html (modificado: public/index.html) en rojo, significa que ha guardado correctamente los cambios y está listo para prepararlos y confirmarlos.

Si git devuelve nothing to commit, working tree clean (nada para confirmar, árbol de trabajo limpio), debe guardar los cambios en el IDE de Cloud9.


g. Ahora prepare los cambios, confírmelos y envíelos a la ramificación maestra en git en CodeCommit mediante el comando siguiente:

  git add public/index.html
  git commit -m "add three bangs"
  git push origin master

(Haga clic para ampliar).


h. Después de enviar los cambios a la ramificación maestra en CodeCommit, CodePipeline activará el proceso de implementación continua. Para monitorizar el proceso, obtenga acceso al panel de AWS CodeStar y desplácese hasta el icono Continuous deployment (Implementación continua). En pocos minutos, verá cómo el código sale de la etapa de código fuente, pasa por la etapa de compilación y, finalmente, llega a la etapa de implementación.

(Haga clic para ampliar).


i. Una vez que el código llegue a la implementación, confirme que los cambios han llegado a su aplicación web activa; para ello, seleccione la URL en el icono Application endpoints (Puntos de enlace de aplicación) de CodeStar. Una vez que la página se cargue en el navegador, confirme que contiene los signos de exclamación que ha añadido.

(Haga clic para ampliar).

En este paso terminará el proyecto de CodeStar, el entorno de Cloud9 y todos los recursos relacionados.

Importante: terminar los recursos que no se están utilizando de forma activa reduce los costos y es una práctica recomendada. No terminar los recursos puede conllevar cargos.


a. Para obtener acceso a la página principal de la consola de CodeStar seleccione AWS CodeStar, seleccione los puntos suspensivos y, a continuación, seleccione Delete (Eliminar).

(Haga clic para ampliar).


b. En la pantalla Delete project (Eliminar proyecto), escriba nodejs-serverle en el cuadro de texto y seleccione Delete (Eliminar).

Ha utilizado AWS CodeStar y AWS Cloud9 para compilar, desarrollar e implementar una aplicación web sin servidor de Node.js basada en AWS Lambda.

AWS CodeStar es una excelente herramienta para desarrollar, compilar e implementar diferentes aplicaciones, como sitios web, aplicaciones web, servicios web y habilidades de Alexa. Puede desarrollar en Java, JavaScript, PHP, Ruby, C# y Python.

AWS Cloud9 es un IDE en la nube ideal para escribir, ejecutar y depurar código en JavaScript, Python o PHP donde no desee configurar y mantener varios compiladores y cadenas de herramientas.

Ahora que ha aprendido a usar AWS CodeStar y AWS Cloud9 para crear una aplicación sin servidor, elija una de las siguientes opciones para obtener más información:

Integrar el IDE con AWS CodeStar

Escriba y desarrolle código en su entorno preferido y, a continuación, envíelo a CodeStar.

Integrar el IDE con AWS CodeStar »

Trabajo con equipos de AWS CodeStar

Colabore con otros usuarios concediéndoles acceso a los proyectos de AWS CodeStar.

Añadir otros usuarios al equipo de AWS CodeStar »

Blog de inteligencia artificial

Configure y personalice el entorno de desarrollo integrado de Cloud9.

Personalizar Cloud9 »