Create pipeline

  1. At the CodeCommit console, click Pipeline-CodePipeline on the left menu
  • Click Getting started
  • Click Create pipeline

FrontEndPipeline

  1. Enter pipeline name: fcjdms-frontend-pipeline
  • Select New service role to crate a new role
  • Click Next

FrontEndPipeline

  1. Select AWS CodeCommit is source provider
  • Select repository is fcjdms-frontend
  • Select main branch
  • Click Next

FrontEndPipeline

  1. Select AWS CodeBuild is build provider
  • Select along with region of SAM pipeline
  • Click Create new project

FrontEndPipeline

  1. Enter project name: fcjdms-frontend
  • Select Ubuntu for OS

FrontEndPipeline

  1. Select Standard for Rumtime(s) section
  • Select aws/codebuild/standard:5.0 for Image section

FrontEndPipeline

  1. Can you enter buildspec.yaml for the name of Buildspec or not
  • Click Continue to CodePipeline

FrontEndPipeline

  1. Select project you just created
  • Click Next

FrontEndPipeline

  1. Select Amazon S3 is deploy provider
  • Select fcjdmswebstore bucket
  • Check to Extract file before deploy
  • Click Next

FrontEndPipeline

  1. Scroll down to bottom and click Create pipeline

FrontEndPipeline

  1. Wait for a while for the pipeline to be processed until it succeeds

FrontEndPipeline

  1. Select fcjdms-frontend-pipeline and you will see that the stages all run successfully.

FrontEndPipeline

  1. Return to the CloudFormation dashboard, note the path of Distribution

FrontEndPipeline

So we have deployed a new pipeline for the source code of the front-end. The next step we will test the web running.