

Las traducciones son generadas a través de traducción automática. En caso de conflicto entre la traducción y la version original de inglés, prevalecerá la version en inglés.

# Cree su primera aplicación con Infrastructure Composer
<a name="getting-started-build"></a>

En este tutorial, se utiliza AWS Infrastructure Composer para crear, leer, actualizar y eliminar (CRUD) sin servidor que gestione los usuarios de una base de datos.

Para este tutorial, utilizamos Infrastructure Composer en. Consola de administración de AWS Le recomendamos que utilice Google Chrome o Microsoft Edge y una ventana de navegador a pantalla completa.

**¿Es la primera vez que utiliza la tecnología sin servidor?**  
Se recomienda tener conocimientos básicos de los siguientes temas:  
[Arquitectura basada en eventos](what-is-concepts.md#what-is-concepts-terms-eda)
[Infraestructura como código (IaC)](what-is-concepts.md#what-is-concepts-terms-iac)
[Tecnologías sin servidor](what-is-concepts.md#what-is-concepts-terms-serverless)
Para obtener más información, consulte [Conceptos sin servidor para AWS Infrastructure Composer](what-is-concepts.md).

**Topics**
+ [Referencia de propiedades del recurso](#getting-started-build-reference)
+ [Paso 1: Crea tu proyecto](#getting-started-build-start)
+ [Paso 2: Añade cartas al lienzo](#getting-started-build-rest-cards)
+ [Paso 3: Configurar la API REST de API Gateway](#getting-started-build-rest)
+ [Paso 4: Configurar las funciones de Lambda](#getting-started-build-functions)
+ [Paso 5: Conecta tus tarjetas](#getting-started-build-connect)
+ [Paso 6: Organice el lienzo](#getting-started-build-organize)
+ [Paso 7: Agregar y conectar una tabla de DynamoDB](#getting-started-build-table)
+ [Paso 8: Revise la plantilla AWS CloudFormation](#getting-started-build-template)
+ [Paso 9: Intégrelo en sus flujos de trabajo de desarrollo](#getting-started-build-integrate)
+ [Siguientes pasos](#getting-started-build-next)

## Referencia de propiedades del recurso
<a name="getting-started-build-reference"></a>

Al crear la aplicación, utilice esta tabla como referencia para configurar las propiedades de su Amazon API Gateway y sus AWS Lambda recursos.


| Método | Ruta | Nombre de la función | 
| --- | --- | --- | 
| GET | /artículos | Obtener artículos | 
| GET | /items/ {id} | getItem | 
| PUT | /items/ {id} | Actualizar artículo | 
| POST | /artículo | Añadir artículo | 
| DELETE | /elementos/ {id} | deleteItem | 

## Paso 1: Crea tu proyecto
<a name="getting-started-build-start"></a>

Para empezar a utilizar su aplicación CRUD sin servidor, cree un nuevo proyecto en Infrastructure Composer y active la sincronización **local**.

**Para crear un nuevo proyecto en blanco**

1. Inicie sesión en la [consola de Infrastructure Composer](https://console.aws.amazon.com/composer/home).

1. En la página de **inicio**, elija **Crear proyecto**.

Como se muestra en la siguiente imagen, Infrastructure Composer abre el lienzo visual y carga una plantilla de aplicación inicial (en blanco).

![Infrastructure Composer con un lienzo visual en blanco.](http://docs.aws.amazon.com/es_es/infrastructure-composer/latest/dg/images/aac_t2_01.png)


**Para activar la sincronización local**

1. En el **menú** de Infrastructure Composer, seleccione **Guardar** > **Activar la sincronización local**.  
![Un menú de Infrastructure Composer con la opción Activar sincronización local seleccionada.](http://docs.aws.amazon.com/es_es/infrastructure-composer/latest/dg/images/aac_t2_09.png)

1. Para la **ubicación del proyecto**, pulse **Seleccionar carpeta** y elija un directorio. Aquí es donde Infrastructure Composer guardará y sincronizará los archivos y carpetas de la plantilla a medida que vaya diseñando. 

   La ubicación del proyecto no debe contener una plantilla de aplicación existente.
**nota**  
**La sincronización local** requiere un navegador compatible con la API de acceso al sistema de archivos. Para obtener más información, consulte [Data Infrastructure Composer obtiene acceso a](reference-fsa.md#reference-fsa-access).

1. Cuando se te pida que permitas el acceso, selecciona **Ver archivos**.

1. Presiona **Activar** para activar la **sincronización local**. Cuando se te pida que guardes los cambios, selecciona **Guardar cambios**.

   Cuando esté activado, el indicador de **guardado automático** se mostrará en el área superior izquierda del lienzo.

## Paso 2: Añade cartas al lienzo
<a name="getting-started-build-rest-cards"></a>

Comience a diseñar la arquitectura de su aplicación con tarjetas de componentes mejoradas, empezando por una API REST de API Gateway y cinco funciones de Lambda.

**Para añadir tarjetas API Gateway y Lambda al lienzo**

En la paleta **Recursos**, en la sección **Componentes mejorados**, haga lo siguiente:

1. Arrastra una tarjeta **API Gateway** al lienzo.

1. Arrastre una tarjeta de **Función Lambda** al lienzo. Repita el proceso hasta que haya agregado cinco tarjetas de **Función Lambda** al lienzo.

![Una vista panorámica de Infrastructure Composer con una API Gateway y cinco tarjetas de funciones Lambda.](http://docs.aws.amazon.com/es_es/infrastructure-composer/latest/dg/images/aac_t2_02.png)


## Paso 3: Configurar la API REST de API Gateway
<a name="getting-started-build-rest"></a>

A continuación, añada cinco rutas en su tarjeta API Gateway.

**Para añadir rutas a la tarjeta API Gateway**

1. Abre el panel **de propiedades del recurso** de la tarjeta **API Gateway**. Para abrir el panel, haga doble clic en la tarjeta. O bien, selecciona la tarjeta y, a continuación, selecciona **Detalles**.

1. En el panel **de propiedades del recurso**, en **Rutas**, haga lo siguiente:
**nota**  
Para cada una de las siguientes rutas, utilice el método HTTP y los valores de ruta especificados en la [tabla de referencia de propiedades del recurso](#getting-started-build-reference).

   1. En **Método**, elija el método HTTP especificado. Por ejemplo, **GET**.

   1. En **Ruta**, introduzca la ruta especificada. Por ejemplo, **/items**.

   1. Seleccione **Añadir ruta**.

   1. Repita los pasos anteriores hasta que haya agregado las cinco rutas especificadas.

1. Seleccione **Save**.

![El lienzo visual de Infrastructure Composer con un recurso de API Gateway con cinco rutas. El Resource properties panel muestra las selecciones de Método, Ruta y Añadir ruta.](http://docs.aws.amazon.com/es_es/infrastructure-composer/latest/dg/images/aac_t2_03.png)


## Paso 4: Configurar las funciones de Lambda
<a name="getting-started-build-functions"></a>

Asigne un nombre a cada una de las cinco funciones Lambda tal y como se especifica en la tabla de [referencia de propiedades del recurso](#getting-started-build-reference).

**Para asignar un nombre a las funciones Lambda**

1. Abra el panel **de propiedades del recurso** de una tarjeta de **función Lambda.** Para abrir el panel, haga doble clic en la tarjeta. O bien, selecciona la tarjeta y, a continuación, selecciona **Detalles**.

1. En el panel **de propiedades del recurso**, en **Logical ID**, introduzca el nombre de una función específica. Por ejemplo, **getItems**.

1. Seleccione **Save**.

1. Repita los pasos anteriores hasta que haya asignado un nombre a las cinco funciones.

![El lienzo visual de Infrastructure Composer con cinco tarjetas de recursos de funciones Lambda denominadas.](http://docs.aws.amazon.com/es_es/infrastructure-composer/latest/dg/images/aac_t2_04.png)


## Paso 5: Conecta tus tarjetas
<a name="getting-started-build-connect"></a>

Connect cada ruta de la tarjeta **API Gateway** a la tarjeta de **función Lambda** correspondiente, tal y como se especifica en la tabla de [referencia de propiedades del recurso](#getting-started-build-reference).

**Para conectar sus tarjetas**

1. Haga clic en un puerto derecho de la tarjeta **API Gateway** y arrástrelo hasta el puerto izquierdo de la tarjeta de **función Lambda** especificada. **Por ejemplo, haga clic en el puerto **GET /items** y arrástrelo hasta el puerto izquierdo de GetItems.**

1. Repita el paso anterior hasta que haya conectado las cinco rutas de la tarjeta **API Gateway** a las tarjetas de **función Lambda** correspondientes.

![El lienzo visual de Infrastructure Composer con la API REST conectada a cinco funciones de Lambda.](http://docs.aws.amazon.com/es_es/infrastructure-composer/latest/dg/images/aac_t2_05.png)


## Paso 6: Organice el lienzo
<a name="getting-started-build-organize"></a>

Organice el lienzo visual agrupando las funciones de Lambda y organizando todas las tarjetas.

**Para agrupar sus funciones**

1. Mantenga pulsada la **tecla Mayús** y, a continuación, seleccione cada tarjeta de **Función Lambda** del lienzo.

1. Seleccione **Agrupar**.

**Para asignar un nombre a su grupo**

1. Haga doble clic en la parte superior del grupo, cerca del nombre del **grupo (Grupo**).

   Se abre el panel de **propiedades del grupo**.

1. En el panel de **propiedades** del **grupo, introduzca el nombre del grupo****API**.

1. Seleccione **Save**.

**Para organizar las tarjetas**

En el lienzo, sobre el área de visualización principal, selecciona **Organizar**.

Infrastructure Composer organiza y alinea todas las tarjetas en el lienzo visual, incluido el nuevo grupo (**API**), como se muestra a continuación:

![El lienzo visual de Infrastructure Composer está organizado con todas las funciones de Lambda agrupadas.](http://docs.aws.amazon.com/es_es/infrastructure-composer/latest/dg/images/aac_t2_06.png)


## Paso 7: Agregar y conectar una tabla de DynamoDB
<a name="getting-started-build-table"></a>

Ahora, añada una tabla de DynamoDB a la arquitectura de la aplicación y conéctela a las funciones de Lambda.

**Para añadir y conectar una tabla de DynamoDB**

1. Desde la paleta de **recursos (Recursos**), en la sección **Componentes mejorados**, arrastre una tarjeta de **DynamoDB** Table al lienzo.

1. **Haga clic en el puerto derecho de una tarjeta de **función Lambda** y arrástrelo hasta el puerto izquierdo de la tarjeta de tabla de DynamoDB.**

1. **Repita el paso anterior hasta conectar las cinco tarjetas de **función Lambda** a la tarjeta de tabla de DynamoDB.**

1. **(Opcional) Para reorganizar y realinear las cartas en el lienzo, elija Organizar.**

![](http://docs.aws.amazon.com/es_es/infrastructure-composer/latest/dg/images/aac_t2_07.png)


## Paso 8: Revise la plantilla AWS CloudFormation
<a name="getting-started-build-template"></a>

¡Enhorabuena\! Diseñó correctamente una aplicación sin servidor que está lista para su implementación. Por último, elija **Plantilla** para revisar la AWS CloudFormation plantilla que Infrastructure Composer ha generado automáticamente para usted.

En la plantilla, Infrastructure Composer ha definido lo siguiente:
+ La `Transform` declaración, que especifica la plantilla como una plantilla AWS Serverless Application Model (AWS SAM). Para obtener más información, consulta la [anatomía AWS SAM de la plantilla](https://docs.aws.amazon.com/serverless-application-model/latest/developerguide/sam-specification-template-anatomy.html) en la *Guía para AWS Serverless Application Model desarrolladores*.
+ Un `AWS::Serverless::Api` recurso que especifica la API REST de API Gateway con sus cinco rutas.
+ Cinco `AWS::Serverless::Function` recursos, que especifican las configuraciones de las funciones de Lambda, incluidas sus variables de entorno y políticas de permisos.
+ Un `AWS::DynamoDB::Table` recurso que especifica la tabla de DynamoDB y sus propiedades.
+ La `Metadata` sección, que contiene información sobre su grupo de recursos (**API**). Para obtener más información sobre esta sección, consulte [Metadatos](https://docs.aws.amazon.com/AWSCloudFormation/latest/UserGuide/metadata-section-structure.html) en la *Guía del AWS CloudFormation usuario*.

![Vista de plantilla de Infrastructure Composer que muestra el código de plantilla de la aplicación.](http://docs.aws.amazon.com/es_es/infrastructure-composer/latest/dg/images/aac_t2_08.png)


## Paso 9: Intégrelo en sus flujos de trabajo de desarrollo
<a name="getting-started-build-integrate"></a>

Utilice el archivo de plantilla y los directorios de proyectos que creó Infrastructure Composer para realizar más pruebas e implementar.
+ Con la **sincronización local**, puede conectar Infrastructure Composer al IDE de su máquina local para acelerar el desarrollo. Para obtener más información, consulte [Conecte la consola de Infrastructure Composer con su IDE local](other-services-ide.md).
+ Con la **sincronización local**, puede usar la interfaz de línea de AWS Serverless Application Model comandos (AWS SAM CLI) de su máquina local para probar e implementar la aplicación. Para obtener más información, consulte [Implemente su aplicación sin servidor Infrastructure Composer en la nube AWS](other-services-cfn.md).

## Siguientes pasos
<a name="getting-started-build-next"></a>

Ahora está preparado para crear sus propias aplicaciones con Infrastructure Composer. Para obtener información detallada sobre el uso de Infrastructure Composer, consulte[Cómo componer en AWS Infrastructure Composer](using-composer-basics.md). Cuando esté listo para implementar la aplicación, consulte[Implemente su aplicación sin servidor Infrastructure Composer en la nube AWS](other-services-cfn.md).