Introduction
Deploying web applications shouldn’t feel complicated or overwhelming. Azure App Service simplifies the process by providing a fully managed platform where you can build, deploy, and scale applications without worrying about the underlying infrastructure.
In this lab, you’ll learn how to create an Azure App Service from scratch and deploy your application using the Azure Portal. Whether you’re new to Azure or looking for a clean deployment workflow, this walkthrough will help you get a production-ready app up and running quickly.
Key Terms
Azure Portal
The web-based management interface for Azure that allows you to create, configure, and monitor cloud resources.
Azure App Service
A Platform as a Service (PaaS) offering that enables you to host web apps, REST APIs, and backend services with built-in scaling, security, and monitoring.
Resource Group
A logical container in Azure that holds related resources (such as App Services, databases, and storage accounts) for easier management and lifecycle control.
App Service Plan
Defines the compute resources (CPU, memory, pricing tier) used by one or more App Services. Scaling an app is done by adjusting the plan.
Runtime Stack
The programming language and framework used by your application, such as .NET, Node.js, Python, or Java.
Deployment Center
An Azure feature that simplifies continuous deployment by connecting your App Service to source control systems like GitHub or Azure Repos.
1.Login to your azure portal: Sign in to the Azure Portal using your Azure account.
- Type App Services in the search bar of your Azure portal and select App Services from the options it displays
2.Click + create and select Web App.
3.In the Project details, create a Resource group.
4.In your Instance details, choose the web name, Runtime stack .Net 10 (LTS), publish (we choose Code), region – (Canada Central). Then Click Review + create
5.Click create.
6.Wait for the deployment to complete, then click Go to resource.
7.This is the App we just created. Now, click the default domain link
8.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
9.The App we created is empty at the moment, and we need to fill it up. Now, type a prompt to ChatGPT to generate a code for any type of application you intend to build. In this article, we are building a Game App called “Dodge App”. So this is the prompt we are using “Create for me an HTML/CSS/JS code for a game called “Dodge App” (dodge falling blocks, survive as long as possible)”.
10.When it finishes, copy the code
11.In the search bar of the Web App, search for Advanced Tools, select it and then click Go.
12.Click Debug console and select powershell.
13.Click site.
14.Click wwwroot.
15.Click edit (pencil icon).
16.Now, remove anything you see on this page and replace it with the code you copied from chatGPT
17.Click Save.
18.Go back to Azure portal, click Home and select App Services.
19.Click the App you created
20.Click the default domain link of the App you created
21.This is the Dodge App we created from Azure App Services
Conclusion
Azure App Service offers a straightforward and reliable way to deploy web applications without managing servers or infrastructure. By combining easy resource creation, multiple deployment options, and built-in monitoring, it allows developers to focus on writing code rather than maintaining environments.
Once your app is deployed, you can enhance it further by enabling logging, configuring custom domains, setting up CI/CD pipelines, or scaling based on demand. Azure App Service is a solid foundation for both small projects and enterprise-grade applications.
Thanks for reading, see you in the next one