Deploy the Infrastructure and Application

The first step of this lab is to deploy the static web application stack. If you have already run the following two labs (and have not torn down the resources) then you have already deployed the necessary infrastructure. Proceed to next step Configure Execution Environment

If you have not already deployed the necessary infrastructure, then follow these steps:

  • You will first deploy an Amazon Virtual Private Cloud (VPC)
  • You will then deploy a Static WebApp hosted on Amazon EC2 instances
  • For each of these deployments:
    • If you are comfortable deploying a CloudFormation stack, then use the Express Steps
    • If you require detailed guidance in how to deploy a CloudFormation stack, then use the Guided Steps

1.1 Log into the AWS console

If you are attending an in-person workshop and were provided with an AWS account by the instructor:

Click here for instructions to access your assigned AWS account:

If you are using your own AWS account:

Click here for instructions to use your own AWS account:

1.2 Deploy the VPC infrastructure

Choose either the Express Steps or Guided Steps

  • In the AWS Console, choose the AWS region you wish to use - if possible we recommend using us-east-2 (Ohio)

Express Steps (Deploy the VPC infrastructure)

  1. Download the vpc-alb-app-db.yaml CloudFormation template
  2. Deploy the CloudFormation template
    • Name the stack WebApp1-VPC (case sensitive)
    • Leave all CloudFormation Parameters at their default values
  3. When the stack status is CREATE_COMPLETE, you can continue to the next step

Guided Steps (Deploy the VPC infrastructure)

Click here for detailed instructions to deploy the VPC:

1.3 Deploy the EC2s and Static WebApp infrastructure

Choose either the Express Steps or Guided Steps

Express Steps (Deploy the EC2s and Static WebApp infrastructure)

  1. Download the staticwebapp.yaml CloudFormation template
  2. Choose the same AWS region as you did for the VPC (if you used our recommendation, this is us-east-2 (Ohio))
  3. Deploy the CloudFormation template
    • Name the stack WebApp1-Static (case sensitive)
    • Leave all CloudFormation Parameters at their default values
  4. When the stack status is CREATE_COMPLETE, you can continue to the next step

Guided Steps (Deploy the EC2s and Static WebApp infrastructure)

Click here for detailed instructions to deploy the WebApp:

Website URL

  1. Go to the AWS CloudFormation console at https://console.aws.amazon.com/cloudformation.
    • Wait until WebApp1-Static stack status is CREATE_COMPLETE before proceeding. This should take about four minutes
    • Click on the WebApp1-Static stack
    • Click on the Outputs tab
    • For the Key WebsiteURL copy the value. This is the URL of your test web service
    • Save this URL - you will need it later