Step by step process of deploying a static website on azure.

Setting up CI/CD pipelines to automatically deploy your app to Azure App Service not only saves time but also ensures smoother, faster, and more reliable releases. In this guide, you’ll learn how to:
• Deploy a web app to Azure App Service
• Connect it to GitHub for CI/CD
• Enable automatic deployment on commit

Table of Contents

1. Prerequisites
2. Step 1: Create a Web App Service Plan on Azure
3. Step 2: Create a Web App Service on Azure
4. Step 3: Add a PHP File in VS Code
5. Step 4: Create a Repository on GitHub
6. Step 5: Push Your Code to GitHub
7. Step 6: Configure CI/CD from GitHub
8. Making Future Changes
9. Conclusion

Prerequisites

Before you start, make sure you have the following:
• An Azure account
• A GitHub account
• Git installed locally
• A simple web app (php.)

Step 1: Create a web App service plan on Azure

1. Go to the Azure Portal
2. Search for Web Services Plan
3. Click + Create
4. Fill in the required fields: o Resource Group: chose or create a resource group o Name: Your preferred name o Operating system: Linux o Region: Closest to your users o Pricing plan: chose your preferred plan
5. Click Review + Create and then Create

Step 2: Create a web App service on Azure

1. Go to the Azure Portal
2. Search for Web Services
3. Under create drop down, select web app
4. Fill in the required fields:
5. Resource Group: chose or create a resource group
6. Name: Your preferred name
7. Runtime Stack: Choose your tech (e.G php)
8. Region: Closest to your users
9. Operating system: Linux
10. Click Review + Create and then Create

Once successfully created, go resource, copy the domain default link and open on a new web page. The web will be running waiting for your content deployment.

Step 3: add a php file on your vs code

1. Open your vs code
2. Add a folder
3. Create a file name (e.g index.php)
4. Copy the code and paste inside the idex.php file created.
5. Save.

Step4: Create a Repository on Git hub

1. Create a new Repo
2. Fill in the repo
3. Create

Step 5: Push your code to Github

1. Git init
2. git add index.php
3. git commit -m "first commit"
4. git branch -M master
5. git remote add origin https://github.com/Ebukaeze16/ebuka-web-ap.git
6. git push -u origin main
7. check your github to confirm if it was successfully pushed

Step 6: Configure CI/CD from GitHub

1. Go to your Azure App services (ebuka-web-a)
2. On the left panel, go to deployment center
3. In the source dropdown menu, select Github
4. Authorize and choose: a. Organization b. Repository
5. After authorization, proceed to select your Github information like your account name, repo name and branch and then save

6.Once complete, on the overview page, copy the default domain URL and paste on a web page to view the deployed app running.

1. On the Github portal, you can see it running on the action tab

8.To make any changes, you can go to vs code, on the php file add your change and do the following;
a. Git add . (this add all the file)
b. Git commit -m “add your comment”
c. Git pull origin master
d. Git push origin master
e. Git push

From the Azure portal and Github portal, you can also see the new update made.

Conclusion

You’ve now:
• Created an Azure Web App
• Connected GitHub to deploy automatically
• Triggered a CI/CD deployment with a simple push
• Did file modification and push again
This setup makes it super easy to keep your live website in sync with your GitHub repository. Automate your deployments and focus on what matters most — building great apps.