an App Service plan is what is needed to run a Web App on Azure Cloud. It is the set of resources needed for a web application to run.

STEP 1. Prerequisite to creating Azure App Service:

In this project AZURE CLI will be used, so you will need to install that on your PC.

A) Install Azure CLI

B) Create a Github account if you do not have one already, the create your Repository to hold your web application file already created.

C) Push your web file to Github repository

STEPE 2: LOG INT0 AZURE ACCOUNT THROUGH POWERSHELL

A) On your windows search box type PowerShell and open the Powershell command Prompt.

B) On the prompt type az login to log in to your Azure account

C) A new window Prompt will appear for you to choose the account, click the account and the continue button

D) the Screenshot below shows you have successfully logged into your Azure account.

STEP 3: CREATE YOUR RESOURCE GROUP

the first thing after logging in is to create your resource group. Resource group is what houses your web App and your App Service plan.

Use the command below:

az group create —name [give your resource group a name] —location [write the location name you want your resource group to be e.g. uksouth]; Note the paces and the double “dash” in the syntax. Press Enter

see screen shot:

STEP 4: CREATE YOUR APP SERVICE PLAN

The App Service plan is the Virtual machine, VM on which the App runs, this comprises the Computer resources your Web App needs to run. for example the CPU, Memory and storage, APIs and mobile backends on Azure. The App Service plan makes it possible that the web runs seemlessly irrespective of the technology used, be it Python, PHP, Node.js, .Net etc.

Use the command below:

az appservice plan create —name [name your appservice plan] —resource-group [your resource group name] and press Enter

see screen shot:

At this point if your Azure account is New, you might encounter this error message (see screen shot)

If so, go to your Azure account (GUI)

a) Search and Click on Subscriptions

b) Click on your subscription name

c) On the left pane click on settings

d) Navigate to Resource providers and click on it

e) On the search box type microsoft.web or web

see Screen shots:

f) select the radio button and click register to register the resources

Go back to PowerShell terminal and repeat STEP 4

STEP 5 CREATE YOUR WEB APPLICATION

Once your App Service plan have been successfully created the next step is to create your web application.

Use the command below:

az webapp create —name [name your web app] —resource-group [your resource group name] —plan [ your App service plan name]

see Screen shot:

Your Web App is ready waiting for Deployment

STEP 6: COPY THE HTTPS URL OF YOUR WEBAPP REPOSITORY IN GITHUB

One of the Prerequisite of this project is that you already have a https file in a Github repository. this is the time to get it.

On your Github account navigate to your web app repository page and click on the (arrow-down) green button labelled Code and copy the url link of your repository.

see screen shot:

STEP 7: DEPLOY YOUR WEB APP

a) After copying the web App repository url the next is to configure the deployment source of the Web App

Use the following command.

az webapp deployment source config —name [name of your web app] —resource-group [name of your resource group] —repo-url [paste url you copied from your Github] —branch masster —manual-integration

See Screen shot:

b) To view your Web App, navigate to AppServices on your Azure portal, click on your App name

see screen shot:

click on default domain link to view domain

Here is your default domain reflecting your web file saved in Github.

Note: Only Indext.html file was used for this project. The process is the same if a full web page is pushed to the Github repository.