Introduction
Cloud computing has become an important part of modern technology, allowing individuals and organizations to build, deploy, and manage applications over the internet without having to maintain all the physical infrastructure themselves. One of the services that makes this possible is Microsoft Azure, a cloud computing platform that provides different tools for hosting websites and web applications.
Azure App Service is a Platform as a Service (PaaS) offering that allows developers to host web applications without having to manage the underlying servers or operating systems. It supports several programming languages and frameworks, making it useful for both beginners and experienced developers who want to deploy applications to the cloud.
In this article, I will walk through the process of creating an Azure App Service using the Microsoft Azure Portal. I will explain the configuration steps, show how to create the resource, and demonstrate how to access the deployed service. This practical guide is intended for beginners who want to gain hands-on experience with Microsoft Azure and understand how web applications can be hosted in the cloud.
Prerequisites
Before creating an App Service on Microsoft Azure, make sure you have the following:
- A Microsoft Azure account: You need an account to access the Azure Portal.
- An active Azure subscription: This allows you to create and manage resources on Azure.
- A web browser: You can use Google Chrome, Microsoft Edge, or any supported browser to access the Azure Portal.
- An internet connection: A stable internet connection is required to access and manage your Azure resources.
Once these requirements are ready, you can proceed to create your first App Service using the Microsoft Azure Portal.
Step 1: Sign in to the Microsoft Azure Portal
To get started, open your web browser and visit the Microsoft Azure Portal. Sign in using your Microsoft account credentials. If you do not have an account, you will need to create one before proceeding.
After signing in successfully, the Azure Portal dashboard will appear. From here, you can access and manage the different cloud services provided by Microsoft Azure.
Step 2: Create a Resource Group
Before creating an App Service, I first created a Resource Group in Microsoft Azure. A Resource Group is a logical container used to organize and manage related Azure resources.
To create a Resource Group, I used the search bar at the top of the Azure Portal and searched for Resource groups. I selected the service from the search results and clicked Create.
On the creation page, I selected my Azure subscription and entered a name for the Resource Group. I also selected a region available to my subscription.
After entering the required details, I clicked Review + create to validate the configuration. Once validation was successful, I clicked Create to deploy the Resource Group.
After the deployment was complete, I opened the Resource Group to confirm that it had been created successfully.
Step 3: Create an App Service
After creating the Resource Group, the next step is to create an App Service in Microsoft Azure.
To do this, I used the search bar at the top of the Azure Portal and searched for App Services. I selected App Services from the search results and clicked Create, then selected Web App.
On the creation page, I started configuring the web application by entering the required details. I selected my Azure subscription and chose the Resource Group I created in the previous step.
Next, I entered a unique name for the web application and selected the appropriate publishing option, operating system, and runtime stack based on the application I wanted to host. I also selected an available region and configured the App Service Plan.
After completing the required settings, I proceeded to the next stage to review the configuration before creating the App Service.
Step 4: Verify the App Service Deployment
After reviewing the configuration and clicking the Create button, Azure began deploying the App Service. I waited for the deployment process to complete.
Once the deployment was successful, Azure displayed a notification confirming that the resource had been created. I then clicked Go to resource to open the App Service Overview page.
On the Overview page, I could see the details of my newly created App Service, including its name, resource group, and other configuration information.
This step helped me confirm that the App Service had been created successfully and was available for further configuration.
Step 5: Access the App Service
After confirming that the App Service was created successfully, the next step was to access it through the Microsoft Azure Portal.
On the App Service Overview page, I located the Default domain link, which provides the URL for accessing the web application. I clicked the link to open the website in my browser.
This allowed me to check whether the web application could be accessed through its Azure URL. The page displayed depends on whether application code has been deployed to the App Service.
This step helped me understand how Azure provides a web address through which a hosted application can be accessed over the internet.
Step 6: Open Advanced Tools
After creating the App Service, the next step was to access Advanced Tools in Microsoft Azure. These tools provide access to additional management and diagnostic features for the web application.
To do this, I opened my App Service in the Azure Portal and navigated to the Development Tools section in the left-hand menu. I selected Advanced Tools and clicked Go to open the Kudu management interface in a new browser tab.
This interface provides tools for inspecting and managing files associated with the App Service.
Step 7: Access the Website Root Directory
After opening the Advanced Tools interface, I navigated to the website's root directory, where the application's files are stored.
I opened the Debug Console and selected the appropriate console option available for my App Service. I then navigated to the site folder and opened the wwwroot folder.
The wwwroot directory is commonly used as the website's content directory in a Windows Azure App Service. It is where the website's main files, such as HTML, CSS, and JavaScript files, can be stored.
Step 8: Add and Save the Website Code
After locating the website's root directory, I added the HTML code for my web application. The HTML code defines the structure of the webpage, while CSS can be used to style its appearance and JavaScript can provide interactive functionality.
I saved the website file in the appropriate directory so that the App Service could serve the content when the website was accessed through its default domain.
After saving the file, I returned to the website's URL in my browser and refreshed the page to check whether the changes were visible.
Step 9: Test the Website
After saving the HTML, CSS, and JavaScript code, I returned to my Azure App Service's default domain and refreshed the webpage. The Gen Z Bible application appeared successfully in the browser.
I tested the application to confirm that the page loaded correctly and that its features were working as expected. This confirmed that my website content was accessible through the Azure App Service URL.
This practical exercise helped me understand how to host a web application on Microsoft Azure and make it accessible through the internet.
Conclusion
Creating an App Service on Microsoft Azure was a practical learning experience that helped me understand how web applications can be hosted in the cloud. I learned how to create a resource group, configure and deploy an App Service, access Advanced Tools, and upload my website files to the wwwroot folder.
After saving my Gen Z Bible application, I visited the App Service's default domain and confirmed that the website was running successfully.
This practical exercise has improved my understanding of Microsoft Azure and cloud computing. It also gave me more confidence in exploring other Azure services and deploying web applications in the future.
Top comments (0)