CI/CD Pipeline — Deploy Website using AWS CodeStar.
Project Overview —
To Deploy HTML Website using CI/CD Pipeline using AWS Services.
SOLUTIONS ARCHITECTURE OVERVIEW -
First Lets understand CI/CD -
- 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.
- 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: email@example.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