DEV Community

Cover image for Deploying Scalable Web Apps With Azure App Services
Akintoye Gbenga
Akintoye Gbenga

Posted on

Deploying Scalable Web Apps With Azure App Services

What does it mean to deploy a Scalable Web App?

Deploying a scalable web app is building and launching an App that can manage increased traffic, user growth, or data demands without crashing.

What is Scalability in Cloud Computing?

  • Handling traffic spikes: Your app can handle sudden surges in visitors or requests.
  • Growing with users: Your app adjusts as more users sign up or data grows.
  • Staying performant: Pages load fast, and features work smoothly.

Scalability is all about

  • Using cloud services (like Azure App Services!) that auto-adjust resources. Auto- scaling adjusts Resources base on traffic

  • Designing the app to distribute load (e.g., multiple servers) Load balancing distributes traffic across instances

  • Scaling out adds more instance as needed

How do I build and deploy an App in Azure?

1.Type App Services to the search bar of your Azure portal and select App Services from the options it displays

2.Click +create and select Web App

3.Click create new and give your Resource group a name and click OK

4.Scroll down a little to instance details and fill in the name, select the publish. but in this article, we are selecting code. Click the dropdown sign to select a Runtime stack and also select a Region.

5.For the Runtime stack, choose .NET10 (NOTE: Any of the .NET is fine)
Choosing .NET changes the Operating System to Windows.

6.Click on the dropdown sign and choose a Region

7.Scroll down to pricing plans. The pricing plans determines the location, features, cost and compute resources that will be associated with your App. Click the dropdown sign and make a selection, but in this article, we are selecting Basics

8.Click Review + create

9.Click create

10.Wait for the deployment to complete, then click Go to resource

11.This is the App we just created. now, click the default domain link

12.This shows we have created an App but it is still empty which is why it shows Your Web App is running and waiting for your content

13.Go to ChatGPT. The App we created is empty and we need to fill it up. Now, type a prompt to chatGPT to generate a code for the kind of Application you want to build. In this article, we are building a King James Bible Application, so this is the prompt we are using "create for me an html, css, and java script code for King James Bible and click the submit arrow.

14.When it finishes, copy the code

15.Type advanced tools to the small search bar of your screen, select Advanced tools and click Go

16.Click Debug console and select powershell

17.Click site

18.Click wwwroot

19.Click edit (the pencil icon)

20.Now, remove anything you see on this page and replace it with the code you copied from chatGPT

21.Click save

22.Go back to Azure portal, click Home and select App Services

23.Click the App you created

24.Click the default domain link of the App you created

25.This is the KJV Bible Application we created from Azure App Services

NOTE: This is just a sample.

Do not forget to like, share and drop a comment. ypour questions are also welcome.

Thanks for reading. See you in my next post!

Top comments (0)