CI/CD Pipeline — Deploy Website using AWS CodeStar.

AWS Cloud Hands on Lab Practice Series.

Project Overview —

To Deploy HTML Website using CI/CD Pipeline using AWS Services.

SOLUTIONS ARCHITECTURE OVERVIEW -

First Lets understand CI/CD -

CI —

• Continuous Integration is a DevOps software development practice where developers regularly merge their code changes into a central repository, after which automated builds and tests are run.
• The key goals of continuous integration are to find and address bugs quicker, improve software quality, and reduce the time it takes to validate and release new software updates.

CD —

• Continuous Delivery is a software development practice where code changes are automatically prepared for a release to production.
• It expands upon continuous integration by deploying all code changes to a testing environment and/or a production environment after the build stage for Modern application development.

STEP BY STEP GUIDE -

• we will create a Continuous Integration/Continuous Delivery (CI/CD) pipeline using AWS, and then use that pipeline to automatically deploy a new version of the website.
• We’ll implement this with AWS CodeStar, a frontend tool that will automatically configure AWS DevOps Services — AWS CodeCommit, AWS CodeBuild, AWS CodeDeploy, and AWS CodePipeline.
• By the end of the lab, we should understand what a CI/CD pipeline is, as well as the basics of how to set one up and push an update to a source code repository to trigger a new deploy.
• PREREQUISITE — AWS Account with Admin Access.

STEP 1 :

• Navigate to AWS CodeStar.
• Click Create project.
• If the Create service role dialog appears, click Create service role.

STEP 2 : Click the HTML card & Click on Next.

STEP 3 :

• Give Project name.
• For the repository, select AWS CodeCommit.

STEP 4 :

• Open EC2 in a new tab.
• Click KeyPairs located in the navigation menu.
• Click Create key pair.
• For Name, enter MyPipeline.
• Click Create key pair.
• Back in the CodeStar browser tab, close the key pair dialog.
• Click Next.

STEP 5 :

• For the Instance type, select t2.micro.
• Choose the Subnet from one of the Availability Zones.
• Choose the MyPipeline Key pair and click Next.

STEP 6 :

• Click Create Project.
• It could take 5–10 minutes for the project to finish being set up.
• Behind the scenes AWS creates cloudformation stacks for necessary resources. ( Tip: Check Cloudformation Stacks for list of resources)

STEP 7 :

• Click View application to navigate to our CI/CD HTML web application.

STEP 8 :

• Back in the CodeStar browser tab, click IDE.
• Click Access your project code.
• Click Edit in AWS CodeCommit. This opens our repositories.
• Click the webpage folder.
• Click the index.html file. This is the code used to generate the website we just visited.
• Click Edit.

STEP 9 :

• Scroll down to line 61 & 62.
• Change the content as you want for it.

STEP 10 :

• In the Commit changes to master section, set the following values:
• Author name: Your name
  Email address: test@anything.com
  Commit message: Update the website.
  Click Commit changes.

• Refresh the web app we visited before after 2 mins, where we should see our new message we just edited in the code.
• Congratulations on successfully completing this hands-on AWS lab!

• Source code & detailed steps can be found at My Github Repo.
• IMP NOTE - This DEMO/POC might incur some charges if kept active for long time. So please make sure to clean up the environment once done.

I am Kunal Shah, AWS Certified Solutions Architect, helping clients to achieve optimal solutions on the Cloud. Cloud Enabler by choice, DevOps Practitioner having 7+ Years of overall experience in the IT industry.

I love to talk about Cloud Technology, DevOps, Digital Transformation, Analytics, Infrastructure, Dev Tools, Operational efficiency, Serverless, Cost Optimization, Cloud Networking & Security.

#aws #community #builders #devops #tools #CI/CD #infrastructure

You can reach out to me @ acloudguy.in