Building a Continuous Delivery Pipeline for Web Applications on AWS

Imagine making changes to your application and deploying them live with just a few steps. Continuous Delivery Pipeline makes this possible! In this blog, we’ll walk through setting up an automated pipeline using AWS services for a simple memory-matching game built with HTML, CSS, and JavaScript.

How the Pipeline Works ?

Here’s a quick overview of what we’re building:

Source Stage: Fetches your code from GitHub.

Build Stage: Uses CodeBuild to test and package your game.

Approval Stage: Adds a manual review step to check your changes.

Deploy Stage: Automatically uploads your game to an S3 bucket with static web hosting.

Simple, right? Let’s break it down step by step.

Step 1: Set Up Your GitHub Repository

1. Create a repository on GitHub and push your game application source code.


2. Make sure your code is clean, well-structured, and ready to be deployed.

Step 4: Set Up the Continuous Delivery Pipeline in AWS CodePipeline

1. Open CodePipeline and create a new pipeline.


2. Confirm that New service role is selected.


3. Select** GitHub version 1** from the Source provider dropdown menu.


4. 
   Connect to GitHub and select your source code repository.


5. Select main from the branch dropdown menu


6. Confirm that GitHub webhooks is selected.


7. Choose Next and select the CodeBuild project you just created.


8. Choose Next and select your S3 bucket which you have created for deployment with static web hosting enabled.


9. Review the pipeline and click the create pipeline button.

Access you application using the object's URL in the s3 bucket.

Step 5: Add a Review Stage

1. Choose the Edit button near the top of the page.


2. Choose the Add stage button between the Build and Deploy stages.


3. In the created stage, choose the Add action group button.


4. From the Action provider dropdown, select Manual approval.


5. Hit the Done button and the Save button in the top of the page to save the changes.


6. You will now see your pipeline with four stages: Source, Build, Review, and Deploy.

Once the Deploy Stage is complete refresh your application page to see the changes.

Conclusion

By combining AWS services like CodePipeline, CodeBuild, and S3, you can create a robust continuous delivery pipeline for your applications. This setup ensures a seamless deployment process, allowing you to focus on improving your application rather than worrying about deployments.

Ready to build your own pipeline? Start experimenting with AWS today!