Deploy Website using AWS CodeStar CI/CD Pipeline.
AWS Cloud Hands on Lab Practice Series 2023.
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
Top comments (0)