Introduction > 11.others > 使用Application Composer可视化无服务器应用

使用Application Composer可视化无服务器应用

AWS Application Composer 是一个图形化的设计器，使用多个AWS服务创建无服务器应用。开发者新创建无服务器应用时，会面临一个学习曲线，需要学习很多AWS服务。他们需要学习这些服务的配置，然后写IaC来创建应用

需求场景

例如对于一个VOD应用，现在想以折扣码来拉新用户，这个折扣码的服务需要支持每秒几千次的访问，设计如下：

Discount code service high-level architecture

用户提交折扣码后，第一步是读取数据库进行验证，接着异步批量处理以减少系统的负载

现在可以使用Application Composer来进行实现无服务器架构：

Application Composer initial screen

点击New blank project，选择本地文件目录来存储项目文件：

Application Composer create blank project

让Application Composer能访问你的本地文件，可以允许近实时的双向同步。

创建完成项目后，从左侧拖拽所需的AWS资源。在背后，Application Composer会使用CloudFormation生成IaC代码：

Application Composer canvas

使用，下面是拖拽一个Lambda后生成的代码：

  Function:
    Type: AWS::Serverless::Function
    Properties:
      FunctionName: !Sub ${AWS::StackName}-Function
      Description: !Sub
        - Stack ${AWS::StackName} Function ${ResourceName}
        - ResourceName: Function
      CodeUri: src/Function
      Handler: index.handler
      Runtime: nodejs14.x
      MemorySize: 3008
      Timeout: 30
      Tracing: Active

Application Composer会默认设置好lambda的一些属性，比如开启tracing(X-Ray)和设置超时时间。可以在CloudFormation中更改这些属性或在resource properties 页面更改：

Application Composer resource panel

当设置与本地文件同步后，可以在本地的代码编辑器里更改CloudFormation模板，这些更新会自动同步到Application Composer页面中。

如果两个服务需要进行交互，Application Composer会为Lambda自动设置好IAM policy、环境变量、event subscriptions 等属性。例如，如果lambda要与DynamoDB和SQS进行交互，Application Composer会生成以下配置：

Function:
    Type: AWS::Serverless::Function
    Properties:
      FunctionName: !Sub ${AWS::StackName}-Function
      Description: !Sub
        - Stack ${AWS::StackName} Function ${ResourceName}
        - ResourceName: Function
      CodeUri: src/Function
      Handler: index.handler
      […]
      Environment:
        Variables:
          QUEUE_NAME: !GetAtt Queue.QueueName
          QUEUE_ARN: !GetAtt Queue.Arn
          QUEUE_URL: !Ref Queue
          TABLE_NAME: !Ref Table
          TABLE_ARN: !GetAtt Table.Arn
      Policies:
        - SQSSendMessagePolicy:
            QueueName: !GetAtt Queue.QueueName
        - DynamoDBCrudPolicy:
            TableName: !Ref Table