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: fcj-book-store-frontend-pipeline
  • Select New service role to crate a new role
  • Click Next

FrontEndPipeline

  1. Select AWS CodeCommit is source provider
  • Select repository is fcj-book-store-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: fcj-book-store-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 fcj-book-store 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. Open Amazon S3 console

FrontEndPipeline

  1. Click to fcj-book-store bucket

FrontEndPipeline

  1. The files and folders after the build have been deployed on the S3 bucket

FrontEndPipeline

  1. Click Properties tab

FrontEndPipeline

  1. Scroll down to bottom and click website enpoint

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.