

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.

# Cargue y modifique el proyecto de demostración de Infrastructure Composer
<a name="getting-started-demo"></a>

Utilice este tutorial para familiarizarse con la interfaz de usuario de Infrastructure Composer y aprender a cargar, modificar y guardar el proyecto de demostración de Infrastructure Composer.

Este tutorial se realiza en la consola de Infrastructure Composer. Una vez completado, estará listo para empezar[Cree su primera aplicación con Infrastructure Composer](getting-started-build.md).

**Topics**
+ [Paso 1: Abre la demostración](#getting-started-demo-open)
+ [Paso 2: Explore el lienzo visual de Infrastructure Composer](#getting-started-demo-navigate)
+ [Paso 3: Amplíe la arquitectura de su aplicación](#getting-started-demo-expand)
+ [Paso 4: Guarde la solicitud](#getting-started-demo-save)
+ [Siguientes pasos](#getting-started-demo-next)

## Paso 1: Abre la demostración
<a name="getting-started-demo-open"></a>

Comience a usar Infrastructure Composer creando un proyecto de demostración.

**Para crear un proyecto de demostración**

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

1. En la página de **inicio**, elija **Abrir demostración**.

La aplicación de demostración es una aplicación básica sin servidor para crear, leer, eliminar y actualizar (CRUD) que incluye:
+ Un recurso de Amazon API Gateway con cinco rutas.
+ Cinco AWS Lambda funciones.
+ Una tabla de Amazon DynamoDB.

La siguiente imagen es de la demostración:

![\[El lienzo visual de Infrastructure Composer, que muestra una aplicación CRUD básica sin servidor.\]](http://docs.aws.amazon.com/es_es/infrastructure-composer/latest/dg/images/aac_t1_09.png)


## Paso 2: Explore el lienzo visual de Infrastructure Composer
<a name="getting-started-demo-navigate"></a>

Conozca las características del lienzo visual para crear su proyecto de demostración de Infrastructure Composer. Para obtener una descripción general del diseño del lienzo visual, consulte[Descripción visual](reference-visual.md).

**Para explorar las características del lienzo visual**

1. Al abrir un proyecto de aplicación nuevo o existente, Infrastructure Composer carga la vista del lienzo, tal y como se indica sobre el área de la vista principal.  
![\[Los botones de vista de lienzo y plantilla se encuentran en la parte superior del área de visualización principal de Infrastructure Composer.\]](http://docs.aws.amazon.com/es_es/infrastructure-composer/latest/dg/images/aac_t1_02.png)

   Para mostrar el código de infraestructura de la aplicación en el área de visualización principal, elija **Plantilla**. Por ejemplo, esta es la vista de plantilla AWS Serverless Application Model (AWS SAM) del proyecto de demostración de Infrastructure Composer.  
![\[Captura de pantalla de la vista de plantilla de Infrastructure Composer que muestra el código de plantilla del proyecto de demostración.\]](http://docs.aws.amazon.com/es_es/infrastructure-composer/latest/dg/images/aac_t1_03.png)

1. Para volver a mostrar la vista en lienzo de su aplicación, elija **Canvas**.

1. Para mostrar los recursos de la aplicación organizados en una vista de árbol, elija **Lista**.  
![\[En el lienzo visual de Infrastructure Composer, se selecciona la pestaña Lista y muestra una vista en árbol de la aplicación.\]](http://docs.aws.amazon.com/es_es/infrastructure-composer/latest/dg/images/aac_t1_05.png)

1. Para mostrar la paleta de recursos, elija **Recursos**. Esta paleta incluye tarjetas que puede utilizar para ampliar la arquitectura de la aplicación. Puede buscar tarjetas o desplazarse por la lista.  
![\[La paleta de recursos está seleccionada y muestra los recursos destacados que puede utilizar en la arquitectura de su aplicación.\]](http://docs.aws.amazon.com/es_es/infrastructure-composer/latest/dg/images/aac_t1_10.png)

1. Para moverse por el lienzo visual, utilice gestos básicos. Para obtener más información, consulte [Coloque las tarjetas en el lienzo](reference-navigation.md).

## Paso 3: Amplíe la arquitectura de su aplicación
<a name="getting-started-demo-expand"></a>

En este paso, ampliará la arquitectura de la aplicación añadiendo una función Lambda a la tabla de DynamoDB.

**Para añadir una función Lambda a la tabla de DynamoDB**

1. **Desde la paleta de **recursos (Recursos**), arrastre la tarjeta del componente mejorado de la **función Lambda** al lienzo, a la derecha de la tarjeta de tabla de DynamoDB.**  
![\[La demostración se muestra en lienzo con una función Lambda junto a la tabla de DynamoDB.\]](http://docs.aws.amazon.com/es_es/infrastructure-composer/latest/dg/images/aac_t1_07.png)

1. Connect la tabla de DynamoDB a la función Lambda. Para conectarlos, haga clic en el puerto derecho de la tarjeta de tabla de **DynamoDB** y arrástrelo hasta el puerto izquierdo de la tarjeta de función **Lambda**.

1. Seleccione **Organizar** para organizar las tarjetas en la vista de lienzo.  
![\[La demostración se presenta en formato lienzo con una función Lambda conectada a la tabla de DynamoDB.\]](http://docs.aws.amazon.com/es_es/infrastructure-composer/latest/dg/images/aac_t1_08.png)

1. Configure la función Lambda. Para configurarla, realice una de las siguientes acciones:
   + En la vista de lienzo, modifique las propiedades de la función en el panel **de propiedades del recurso**. Para abrir el panel, haga doble clic en la **tarjeta de Función Lambda.** O bien, seleccione la tarjeta y, a continuación, elija **Detalles**. Para obtener más información sobre las propiedades de la función Lambda configurables que se muestran en el panel de **propiedades del recurso**, consulte la Guía para [AWS Lambda desarrolladores](https://docs.aws.amazon.com/lambda/latest/dg/index.html).
   + En la vista de plantilla, modifique el código de la función (`AWS::Serverless::Function`). Infrastructure Composer sincroniza automáticamente los cambios con el lienzo. Para obtener más información sobre el recurso de función de una AWS SAM plantilla, consulte [AWS::Serverless::Function](https://docs.aws.amazon.com/serverless-application-model/latest/developerguide/sam-resource-function.html)la *referencia de AWS SAM recursos y propiedades*.

## Paso 4: Guarde la solicitud
<a name="getting-started-demo-save"></a>

Guarde la aplicación guardando manualmente la plantilla de la aplicación en su máquina local o activando la **sincronización local**.

**Para guardar manualmente la plantilla de la aplicación**

1. En el **menú**, seleccione **Guardar** > **Guardar archivo de plantilla**.

1. Proporcione un nombre para la plantilla y elija una ubicación en su máquina local para guardar la plantilla. Presiona **Guardar**.

Para obtener instrucciones sobre cómo activar la **sincronización local**, consulte[Sincronice y guarde el proyecto de forma local en la consola de Infrastructure Composer](using-composer-project-local-sync.md).

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

Para empezar a crear su primera aplicación, consulte[Cree su primera aplicación con Infrastructure Composer](getting-started-build.md).