DEV Community

Cover image for CREATING A LIBRARY WEB APP USING AZURE APP SERVICE
Adebayo Ebofin
Adebayo Ebofin

Posted on • Edited on

CREATING A LIBRARY WEB APP USING AZURE APP SERVICE

Table of content

  1. Azure app service a. What is azure app service? b. Step by step in creating library web app
  2. Deployment slot in azure app service a. What is deployment slot? b. step by step in creating deployment slot
  3. Monitoring using app service a. What is monitoring? b. step by step in creating monitoring using app service

What is Azure app service?
Azure App Service is a fully managed Platform as a Service (PaaS) offering from Microsoft Azure that allows you to build, deploy, and scale web apps, mobile back ends, and RESTful APIs in the programming language of your choice without managing infrastructure.

  1. Here are step by step in creating a library web app using azure app service a. In azure portal search for app services

Image description
b. At the drop down of + create select web App

Image description
c. create a New Resource Group( I named it webapprg)

Image description
d. Give your web app a name of your choice (libraryapp) also select code

Image description
e. Select your Runtime stack (I choose .NET 6 (LTS) which automatically selected window as operating system also select region

Image descriptionuploads.s3.amazonaws.com/uploads/articles/59vbr2em86aaevnnkqps.png)

Image description
f. Give your plan a name and click ok (libraryapplan)

Image description
g. Choose your pricing plan from drop down (I choose standard)

Image description

h. Add tag by clicking on tag write name and web app name (libraryapp), select review + create.
Image description
i. select create

Image description
j. Go to chatgpt to generate a code by typing sample HTML, CSS, JavaScript application for library all in one file

Image description

Image description

Image description

Image description
k. Go to library app created and select deployment center under deployment slot provided you are picking your code from any continuous deployment or manual deployment

Image description
l. In the search bar search for advance tools and select then click on the Go

Image description
m. Click on debug console and select CMD

Image description
n. Click on site

Image description
o. Click on wwwroot
Image description
p. Click on the pencil icon of hostingstart.html

Image description
q. Remove the default code
Image description
r. Paste code copy from chatgpt and click save
s. Go back to libraryapp created and click on default domain to view the library created

Image description

Image description

2a. What is deployment slot?
In Azure App Service, a deployment slot is a feature that allows you to host different versions of your application in separate environments within the same App Service instance. Each slot has its own configuration settings, environment variables, and can be used to test or stage your application without affecting the production version.

Key Benefits:
Staging and Testing: You can deploy your app to a staging slot to test changes before swapping it with the production slot.

Zero-Downtime Deployments: By swapping slots, you can achieve near-instant updates with minimal downtime.

Isolated Environments: Each slot can have different settings, enabling you to test with different configurations.

Easy Rollbacks: If a deployment in production goes wrong, you can quickly swap back to the previous version.

b. Step by step in creating deployment slot

  1. Having created the new app with different features by following the step by step process in creating the initial app you will click on deployment slot under deployment

Image description

  1. For the new app created type 10% at the traffic slot that is out of 100% of the traffic using the one in production let 10% be viewing this to access it if ok then click save

Image description

  1. Maybe after 3months of testing and everything is ok and you want to replace the one in production with the new one for 100% traffic you will click swap then start swap

Image description
3a. What is monitoring using app service?
Monitoring your Azure App Service is crucial for ensuring its optimal performance, availability, and security.
b. Step by step in creating monitoring

  1. Select Alert under monitoring and click on create alert rule

Image description

  1. Select the signal name from the drop down (Http server Errors) then select review + create

Image description

  1. Select create

Image description

Top comments (0)