教程：使用现代三层 Web 应用程序蓝图创建项目

打开 CodeCatalyst 控制台，网址为 https://codecatalyst.aws/。

在 CodeCatalyst 控制台中，导航到要在其中创建项目的空间。

选择创建项目。

选择从蓝图开始。

在搜索栏中输入 modern。

选择现代三层 Web 应用程序蓝图，然后选择下一步。

在为项目命名中，输入项目名称。例如：

MyExampleProject.

在 “帐户” 中，选择 AWS 账户 您在注册时添加的。蓝图会将资源安装到此账户中。

在部署角色中，选择您在注册期间添加的角色。例如，选择 CodeCatalystWorkflowDevelopmentRole-spaceName。

如果未列出任何角色，请添加一个。要添加角色，请选择添加 IAM 角色并将该角色添加到您的 AWS 账户。有关更多信息，请参阅 允许在已连接的情况下访问 AWS 资源 AWS 账户。

在计算平台中，选择 Lambda。

在前端托管选项中，选择 Amplify 托管。有关信息 AWS Amplify，请参阅什么是 AWS Amplify 托管？ 在《AWS Amplify 用户指南》中。

在部署区域中，输入您希望蓝图在 AWS 区域 哪里部署 Mysfits 应用程序和支持资源的区域代码。有关区域代码的列表，请参阅中的区域终端节点AWS 一般参考。

在 “应用程序名称” 中，保留默认值mysfitsstring。

（可选）在 “生成项目预览” 下，选择 “查看代码” 以预览蓝图将安装的源文件。选择查看工作流程以预览蓝图将安装的 CI/CD 工作流定义文件。预览会根据您的选择动态更新。

选择创建项目。

导航到您要邀请用户加入的项目。

在导航窗格中，选择项目设置。

在 “成员” 选项卡上，选择 “邀请”。

键入您想要邀请成为项目用户的人员的电子邮件地址。您可以键入多个电子邮件地址，用空格或逗号分隔。您也可以从空间中不是项目成员的成员中进行选择。

为用户选择角色。

添加完用户后，选择邀请。

在导航窗格中，选择 “问题”。

选择创建问题。

在问题标题中，提供问题的名称。（可选）提供问题描述。在此示例中，使用 make a change in the src/mysfit_data.json file.

选择优先级、估计值、状态和标签。在 assign ee 下，选择 +Add me 将问题分配给自己。

选择创建问题。该问题现已显示在黑板上。选择卡片将问题移至 “进行中” 列。

导航到您的项目，然后执行以下任一操作：

• 在项目的摘要页面上，从列表中选择所需的存储库，然后选择 “查看存储库”。

• 在导航窗格中，选择代码，然后选择源存储库。在源存储库中，从列表中选择存储库的名称。您可以通过在筛选栏中键入存储库名称的一部分来筛选存储库列表。

在存储库的主页上，查看存储库的内容以及有关关联资源的信息，例如拉取请求的数量和工作流程。默认情况下，会显示默认分支的内容。您可以通过从下拉列表中选择其他分支来更改视图。

打开 CodeCatalyst 控制台，网址为 https://codecatalyst.aws/。

导航到要在其中创建开发环境的项目。

从项目的源存储库列表中选择存储库的名称。或者，在导航窗格中，选择代码，选择源存储库，然后选择要为其创建开发环境的存储库。

在存储库主页上，选择 “创建开发环境”。

从下拉菜单中选择支持的 IDE。请参阅开发环境支持的集成开发环境了解更多信息。

选择要克隆的存储库，选择在新分支中工作，在分支名称字段中输入分支名称，然后从创建分支自下拉菜单中选择要从中创建新分支的分支。

可选操作，为开发环境添加别名。

可选操作，选择开发环境配置编辑按钮，编辑开发环境的计算、存储或超时配置。

选择创建。在创建开发环境时，开发环境状态列将显示正在启动，开发环境创建完成后，状态列将显示正在运行。将在您选择的 IDE 中打开一个新选项卡，其中包含您的开发环境。您可以编辑代码并提交和推送更改。

导航到您的项目开发环境。在中 AWS Cloud9，展开侧面导航菜单以浏览文件。展开mysfitssrc、和打开src/mysfit_data.json。

在文件中，将该"Age":字段的值从 6 更改为 12。您的行应如下所示：

    {
        "Age": 12,
        "Description": "Twilight's personality sparkles like the night sky and is looking for a forever home with a Greek hero or God. While on the smaller side at 14 hands, he is quite adept at accepting riders and can fly to 15,000 feet. Twilight needs a large area to run around in and will need to be registered with the FAA if you plan to fly him above 500 feet. His favorite activities include playing with chimeras, going on epic adventures into battle, and playing with a large inflatable ball around the paddock. If you bring him home, he'll quickly become your favorite little Pegasus.",
        "GoodEvil": "Good",
        "LawChaos": "Lawful",
        "Name": "Twilight Glitter",
        "ProfileImageUri": "https://www.mythicalmysfits.com/images/pegasus_hover.png",
        "Species": "Pegasus",
        "ThumbImageUri": "https://www.mythicalmysfits.com/images/pegasus_thumb.png"
    },

保存该文件。

使用cd /projects/mysfits命令切换到 mysfits 存储库。

使用 git add、git comm it 和 git push 命令添加、提交和推送您的更改。

git add .
git commit -m "make an example change"
git push

在 CodeCatalyst 控制台的导航窗格中，选择 C I/CD，然后选择 Workflows。

此时将显示工作流程列表。这些是 CodeCatalyst 蓝图在您创建项目时生成和启动的工作流程。

查看工作流程列表。你应该看到四个：

在底部选择与main分支关联ApplicationDeploymentPipeline的工作流程。此工作流程是使用main分支上的源代码运行的。

将出现工作流程图。该图显示了几个方块，每个方块代表一项任务或操作。大多数动作都是垂直排列的，顶部的动作先于下面的动作。并排排列的动作并行运行。分组在一起的操作必须全部成功运行，然后才能开始它们下面的操作。

主要区块是：

选择 “定义” 选项卡（靠近顶部）。工作流定义文件显示在右侧。该文件包含以下值得注意的部分：

选择 “最新状态” 选项卡（靠近顶部），然后在工作流程图中选择任意操作。

在右侧，选择 “配置” 选项卡，查看操作在最近一次运行期间使用的配置设置。每个配置设置在工作流定义文件中都有一个匹配的属性。

让控制台保持打开状态，然后转到下一个步骤。

选择 “最新状态” 选项卡。

在工作流程图中，选择DeployFrontend操作。

等待操作完成。注意 “进行中” 图标 ( ) 会变成 “成功” 图标 ( )。

选择 build_backend 操作。

选择 “日志” 选项卡，然后展开几个部分以查看这些步骤的日志消息。您可以看到与后端设置相关的消息。

选择 “报告” 选项卡，然后选择backend-coverage.xml报告。 CodeCatalyst 显示关联的报告。该报告显示了已运行的代码覆盖率测试，并指出了通过测试成功验证的代码行比例，例如 80%。

有关测试报告的更多信息，请参阅使用工作流程进行测试。

让 CodeCatalyst 控制台保持打开状态，然后转到下一个步骤。

返回ApplicationDeploymentPipeline工作流程，然后选择最新运行的 Run-string 链接。

在工作流程图中，找到DeployFrontend操作并选择 “查看应用程序” 链接。Mysfit 网站出现了。

搜索名为 Twilight Glitter 的飞马 Mysfit。记下年龄的值。确实如此6。您将更改代码以更新年龄。

导航到您的项目。

请执行以下操作之一：

• 在导航窗格中，选择代码，选择拉取请求，然后选择创建拉取请求。

• 在存储库主页上，选择 “更多”，然后选择 “创建拉取请求”。

• 在项目页面上，选择创建拉取请求。

在源代码库中，确保指定的源存储库是包含已提交代码的存储库。只有在您没有从存储库的主页创建拉取请求时，才会显示此选项。

在 D est ination 分支中，在查看代码后，选择要将代码合并到的分支。

在源分支中，选择包含已提交代码的分支。

在 Pull req uest 标题中，输入一个标题，以帮助其他用户了解需要审阅的内容及其原因。

（可选）在拉取请求描述中，提供诸如问题链接或更改描述之类的信息。

（可选）在 “问题” 中，选择 “关联问题”，然后从列表中选择议题或输入其 ID。要取消问题链接，请选择取消链接图标。

（可选）在必填审稿人中，选择添加所需的审阅者。从项目成员列表中进行选择以添加他们。在将拉取请求合并到目标分支之前，必需的审阅者必须批准更改。

（可选）在可选审阅者中，选择添加可选审阅者。从项目成员列表中进行选择以添加他们。在将拉取请求合并到目标分支之前，可选的审阅者不必将更改作为一项要求进行批准。

查看分支之间的差异。拉取请求中显示的区别在于源分支中的修订版本和合并基础之间的变化，合并基础是创建拉取请求时目标分支的头部提交。如果未显示任何更改，则分支可能相同，或者您可能为源和目标都选择了相同的分支。

如果您对拉取请求中包含要查看的代码和更改感到满意，请选择 “创建”。

导航到您的现代应用程序项目。

在项目页面的 “打开拉取请求” 下，选择要合并的拉取请求。如果您没有看到拉取请求，请选择 “查看全部”，然后从列表中进行选择。选择 Merge (合并)。

从拉取请求的可用合并策略中进行选择。（可选）选择或取消选择合并拉取请求后删除源分支的选项，然后选择 “合并”。

在导航窗格中，选择 C I/CD，然后选择工作流程。

在 “工作流程” 中 ApplicationDeploymentPipeline，展开 “最近运行”。你可以看到工作流程的运行是由合并提交启动的。（可选）选择它来观看运行进度。

运行完成后，重新加载您之前访问过的 URL。查看飞马以验证年龄是否发生了变化。

导航到您的项目。

在导航窗格中，选择 “问题”。

rag-and-drop 将问题发送到 “完成” 列。

导航到您的项目，然后选择 “项目设置”。

选择常规选项卡。

在项目名称下，选择删除项目。

AWS Management Console 使用您在 CodeCatalyst空间中添加的相同帐户登录。

前往AWS CloudFormation服务。

删除 mysfits 字符串堆栈。

删除 developm ent-Mysfits 字符串堆栈

选择（但不要删除）CDKToolkit 堆栈。选择资源选项卡。选择StagingBucket链接，然后删除 Amazon S3 中的存储桶和存储桶内容。

（可选）删除 CDKToolkit 堆栈。