如何创建一个代码管道阶段以在GitHub中使用源代码部署React应用程序？ [CDK 2.0]

Question

我在GitHub有一个React存储库，我想构建一个管道，以便每当我将新提交推向存储库时，管道都会构建并部署到生产中。我正在使用CDK 2.0。

我的管道代码：

import * as cdk from "aws-cdk-lib";

import { Stack, StackProps } from "aws-cdk-lib";
import {
  CodePipeline,
  CodePipelineSource,
  ShellStep,
  Step,
} from "aws-cdk-lib/pipelines";
import { ManualApprovalStep } from "aws-cdk-lib/pipelines";
import { PipelineStage } from "./pipeline-stage";

export interface CodePipelineStackProps extends cdk.StackProps {
  // Built in Stack props
  readonly env: cdk.Environment;
  readonly description: string;
}

export class CodePipelineStack extends Stack {
  constructor(scope: cdk.App, id: string, props: CodePipelineStackProps) {
    super(scope, id, props);

    const pipeline = new CodePipeline(this, "Pipeline", {
      pipelineName: "MyPipeline",
      synth: new ShellStep("Synth", {
        input: CodePipelineSource.gitHub(
          "github-acount-name/my-react-code",
          "main"
        ),
        commands: [
          'npm ci',
          'npm run build',
          'npx cdk synth'
        ],
      }),
    });

  
    const gammaStage = pipeline.addStage(
      new PipelineStage(this, "Gamma", {
        env: props.env,
      })
    );

    gammaStage.addPre(
      new ShellStep("Run Unit Tests", { commands: ["yarn install", "npm test"] })
    );
    gammaStage.addPost(
      new ManualApprovalStep("Manual approval before production")
    );

    const prodStage = pipeline.addStage(
      new PipelineStage(this, "Prod", {
        env: props.env,
      })
    );
    
  }
}

在这里我应该做什么将我的反应应用程序添加到管道阶段代码？我可以从此示例，它添加了来自本地的 lambdastack 资产。但是，我想从我的github存储库中构建工件。

export class PipelineStage extends cdk.Stage {
    constructor(scope: Construct, id: string, props?: cdk.StageProps) {
        super(scope, id, props);
        
    }
}

Answer 1

您有很多选择。首先，CDK具有两种管道风味， codepipeline.pipeline 和 pipelines.codepipeline 。文档具有选择，但简而言之：

1. pipelines.codepipeline 是有用的，并且针对部署CDK Apps
2. codepipeline.pipeline.pipeline 对通用构建任务更加灵活，
3. 这两个很大程度上 是更灵活的。重叠 - 您可以解决许多问题使用一个
4. 在引擎盖下，两者都exploy aws :: codepipeline :: codepipeline :: pipeline :: pipeline 和 aws :: codebuild :: project 资源

您应该选择哪个？这是一个偏爱问题，但是对于通用构建任务，我发现 codepipeline.pipeline api更容易推理。创建一个带有S3目标存储桶和管道结构的堆栈。管道具有单或 - 阶段每个阶段都有一个或and Actions （ aws-cdk-lib/aws-codepipeline-actions-actions ）。这是一种方法：

1. 使用源操作从远程仓库中提取代码，例如 actions.codecommitsourceaction
2. a 构建 带有 Actions.codebuildaction.codebuildaction 构建代码。您提供 buildspec 并构建命令，设置env vars等。A
3. deploy stage with an actions.S3DeployAction to output the built code to your destination bucket