Create pipeline

Create the pipeline

  1. Open AWS CodePipeline console.

    • Click Pipelines on the left menu.
    • Click Create pipeline button. CreatePipeline
  2. At Step 1: Choose creation option page.

    • Choose Build custom pipeline at Creation options.
    • Then click Next button. CreatePipeline
  3. At Step 2: Choose pipeline settings page.

    • Enter fcjBookStoreFEPipeline at Pipeline name.
    • Choose Queued at Execution mode.
    • Choose New service role at Service role.
    • Enter AWSCodePipelineServiceRole-us-east-1-fcjBookStoreFEPipeline at Role name.
    • Click the Next button. CreatePipeline
  4. At Step 3: Add source stage page.

    • Choose Gitlab at Source provider.
    • Choose fcjBookStoreGitlabConnection at Connection. CreatePipeline
    • Scroll down, enter fcj-ws/fcj-book-store-frontend at Repository name.
    • Enter master at Default branch.
    • Click the Next button. CreatePipeline
  5. At Step 4: Add build stage page.

    • Choose Other build providers at Build provider.
    • Choose the AWS CodeBuild.
    • Enter fcjBookStoreBuildProject at Project name.
    • Click the Next button. CreatePipeline
  6. At Step 5: Add test stage page.

    • Click the Skip test stage button. CreatePipeline
  7. At Step 6: Add deploy stage page.

    • Choose the Amazon S3 at Deploy provider.
    • Choose BuildArtifact at Input artifacts.
    • Enter fcj-book-shop-by-myself at Bucket.
    • Check the Extract file before deploy.
    • Leave as default and click the Next button. CreatePipeline
  8. At Step 7: Review page.

    • Scroll down and click the Create pipeline button. CreatePipeline

Test the pipeline

  1. Open AWS CodePipeline console.

    • Click Pipelines on the left menu.
    • Check if the status of fcjBookStoreFEPipeline is Succeeded. CreatePipeline
  2. Open Amazon S3 console.

    • Click General purpose buckets on the left menu.
    • Choose fcj-book-shop-by-myself bucket. Preparation
    • At fcj-book-shop-by-myself page, scroll down and copy the Bucket website endpoint url. Preparation
  3. Enter the copied link in a new tab in your web browser. Preparation