本文属于机器翻译版本。若本译文内容与英语原文存在差异，则一律以英文原文为准。

# 加载和修改基础设施编排器演示项目
<a name="getting-started-demo"></a>

使用本教程熟悉基础设施编排器的用户界面，学习如何加载、修改和保存基础设施编排演示项目。

本教程是在基础设施编排控制台中完成的。完成后，你就可以开始了[使用基础架构编排器构建您的第一个应用程序](getting-started-build.md)。

**Topics**
+ [

## 第 1 步：打开演示
](#getting-started-demo-open)
+ [

## 第 2 步：探索基础设施编排器的可视化画布
](#getting-started-demo-navigate)
+ [

## 第 3 步：扩展您的应用程序架构
](#getting-started-demo-expand)
+ [

## 第 4 步：保存您的应用程序
](#getting-started-demo-save)
+ [

## 后续步骤
](#getting-started-demo-next)

## 第 1 步：打开演示
<a name="getting-started-demo-open"></a>

通过创建演示项目开始使用基础架构编排器。

**创建演示项目**

1. 登录[基础设施编排控制台](https://console.aws.amazon.com/composer)。

1. 在**主页**上，选择**打开演示**。

演示应用程序是一个基本的创建、读取、删除和更新 (CRUD) 无服务器应用程序，包括：
+ 包含五条路线的 Amazon API Gateway 资源。
+ 五个 AWS Lambda 功能。
+ Amazon DynamoDB 表。

下图为演示：

![\[基础设施编排器可视化画布，显示基本的 CRUD 无服务器应用程序。\]](http://docs.aws.amazon.com/zh_cn/infrastructure-composer/latest/dg/images/aac_t1_09.png)


## 第 2 步：探索基础设施编排器的可视化画布
<a name="getting-started-demo-navigate"></a>

了解可视化画布的功能，构建您的基础架构编排演示项目。有关视觉画布布局的概述，请参阅[视觉概述](reference-visual.md)。

**探索视觉画布的特点**

1. 当您打开新的或现有的应用程序项目时，Infrastructure Composer 会加载画布视图，如主视图区域上方所示。  
![\[基础设施编排器主视图区域顶部的画布和模板视图按钮。\]](http://docs.aws.amazon.com/zh_cn/infrastructure-composer/latest/dg/images/aac_t1_02.png)

   要在主视图区域显示应用程序的基础架构代码，请选择**模板**。例如，这是基础设施编排器演示项目的 AWS Serverless Application Model (AWS SAM) 模板视图。  
![\[显示演示项目模板代码的 Infrastructure Composer 模板视图的屏幕截图。\]](http://docs.aws.amazon.com/zh_cn/infrastructure-composer/latest/dg/images/aac_t1_03.png)

1. 要再次显示应用程序的画布视图，请选择 “**画布**”。

1. 要以树状视图显示应用程序的资源，请选择**列表**。  
![\[在 Infrastructure Composer 可视化画布上，列表选项卡处于选中状态，并显示应用程序的树视图。\]](http://docs.aws.amazon.com/zh_cn/infrastructure-composer/latest/dg/images/aac_t1_05.png)

1. 要显示资源选项板，请选择**资源**。此调色板包含可用于扩展应用程序架构的卡片。您可以搜索卡片或滚动浏览列表。  
![\[资源选项板已选中，并显示可在应用程序架构中使用的特色资源。\]](http://docs.aws.amazon.com/zh_cn/infrastructure-composer/latest/dg/images/aac_t1_10.png)

1. 要在视觉画布上移动，请使用基本手势。有关更多信息，请参阅 [将卡片放在画布上](reference-navigation.md)。

## 第 3 步：扩展您的应用程序架构
<a name="getting-started-demo-expand"></a>

在本步骤中，您将通过向 DynamoDB 表中添加 Lambda 函数来扩展您的应用程序架构。

**向 DynamoDB 表中添加 Lambda 函数**

1. **从资源选项板（**资源**）中，将 **Lambda 函数增强型组件卡片拖到 D** ynamoDB 表格卡片右侧的画布上。**  
![\[该演示采用画布视图，在 DynamoDB 表旁边有一个 Lambda 函数。\]](http://docs.aws.amazon.com/zh_cn/infrastructure-composer/latest/dg/images/aac_t1_07.png)

1. 将 DynamoDB 表连接到 Lambda 函数。要连接它们，请单击 D **ynamoDB** 表格卡的右侧端口，然后将其拖到 **Lambda** 功能卡的左侧端口上。

1. 选择 “**排列**” 以在画布视图中整理卡片。  
![\[该演示采用画布视图，其中一个连接到 DynamoDB 表的 Lambda 函数。\]](http://docs.aws.amazon.com/zh_cn/infrastructure-composer/latest/dg/images/aac_t1_08.png)

1. 配置您的 Lambda 函数。要对其进行配置，请执行以下任一操作：
   + 在画布视图中，在**资源属性面板上修改函数的属性**。要打开面板，请双击 **Lambda 函数卡片**。或者，选择卡片，然后选择 “**详细信息**”。有关**资源属性面板中列出的可配置 Lambda 函数属性的**更多信息，请参阅[AWS Lambda 开发人员](https://docs.aws.amazon.com/lambda/latest/dg/index.html)指南。
   + 在模板视图中，修改您的函数 (`AWS::Serverless::Function`) 的代码。基础架构编辑器会自动将您的更改同步到画布。有关 AWS SAM 模板中函数资源的更多信息，请参阅*AWS SAM 资源和属性参考[AWS::Serverless::Function](https://docs.aws.amazon.com/serverless-application-model/latest/developerguide/sam-resource-function.html)*中的。

## 第 4 步：保存您的应用程序
<a name="getting-started-demo-save"></a>

通过手动将应用程序模板保存到本地计算机或激活**本地同步**来保存应用程序。

**手动保存您的应用程序模板**

1. 从**菜单**中选择 “**保存**” > “**保存模板文件**”。

1. 为您的模板提供一个名称，然后在本地计算机上选择一个位置来保存您的模板。按**保存**。

有关激活**本地同步**的说明，请参阅[在基础设施编排控制台中本地同步并保存您的项目](using-composer-project-local-sync.md)。

## 后续步骤
<a name="getting-started-demo-next"></a>

要开始构建您的第一个应用程序，请参阅[使用基础架构编排器构建您的第一个应用程序](getting-started-build.md)。