1. Home
  2. Training Library
  3. Microsoft Azure
  4. Courses
  5. Getting Started with Azure App Service

Creating a Web App from Visual Studio

Contents

keyboard_tab
Introduction & Overview
1
Introduction
PREVIEW2m
Diagnostics
API Documentation
Mobile Apps
14
Deployment Slots
Course Summary
20
Summary
2m 29s

The course is part of these learning paths

AZ-303 Exam Preparation: Technologies for Microsoft Azure Architects
course-steps
29
certification
9
lab-steps
13
description
1
AZ-104 Exam Preparation: Microsoft Azure Administrator
course-steps
20
certification
6
lab-steps
16
more_horizSee 3 more
play-arrow
Start course
Overview
DifficultyBeginner
Duration1h
Students839
Ratings
3.5/5
starstarstarstar-halfstar-border

Description

You’ve got an idea for a great web app, or maybe you’ve already started building it. The next question is how are you going to get it out there on the Internet?

In this course, you will learn how you can quickly and easily set up a website and publish your app to the world with Azure App Service. Of course, web apps are a lot more complex and varied than just HTML pages and we will see how App Service supports a range of programming languages, frameworks, and even operating systems. We will explore features that greatly simplify application deployment and management, as well as those that will increase your app’s functionality like authentication and accessing on-premise data. App Service as with other Azure products has a raft of tools for monitoring and logging so you can make sure your app is performing optimally.

For any feedback, queries, or suggestions relating to this course, please contact us at support@cloudacademy.com.

Learning Objectives

  • Deploy apps using the Azure App Service
  • Create a web app using the Azure Portal
  • Create a web app using Visual Studio
  • Understand the configuration and diagnostic capabilities available from Azure App Service
  • Understand the advanced features of the service such as container deployment and deployment slots

Intended Audience

This is a beginner level course suited developers or anyone wanting to know how to deploy web apps to the Azure cloud.

Prerequisites

To get the most from this course, you should have a basic understanding of the software development lifecycle, while knowing how to code would be a plus.

Course source code

Visual 2019 with .NET Core 3.1 was used for the demonstrations in this course.

https://github.com/cloudacademy/azure-get-started-app-service.git

 

 

 

Transcript

You can also create an App Service web app directly from Visual Studio. Here I want to have a front end web app for performing CRUD operations on the LorryLog Api I just deployed. I’ve created a .Net Core MVC project called LorryLogAdmin. Instead of a connection string to a database I’m making my connection the URL of the LorryLog API. I’ve got a vehicles controller that started out life as an Entity Framework template created controller, but I’ve substituted an Http client in place of a data context. As you can see it has all the methods you would expect when creating an EF controller with read-write actions - details, edit, create and delete.

Now I’ll just run this locally to make sure it works as intended. When you debug a .Net Core web app from Visual Studio, select the app rather than IIS Express, unless you’re using local IIS. Visual Studio uses the Kestrel web server for debugging .Net Core web apps. Ok, that’s all good, now let’s publish to App Service. Select publish from the project menu, and then App Service. This time, leave the radio button on create new, and then click the create profile button. On the create new App Service page log into Azure if you aren’t already. The name field will be the initial segment of your azurewebsites URL, so as with the Azure portal creation method this needs to be unique. Next, select the subscription you want to use and the resource group. You can also create an Azure SQL database at this point, but as I’m using a Rest API that won’t be necessary. So once that’s been created we can go and click on the lorrylogadmin.azurewebsites.net URL and that takes us to the same placeholder page we saw when we created the LorryLogApi App Service. Even though we selected the publish menu option we have been sidetracked into creating the App Service and the related publish profile. Now we need to publish our web app for real by clicking the publish button. After publishing let’s just do a quick test to make sure it’s working by creating another vehicle record.

About the Author

Hallam is a software architect with over 20 years experience across a wide range of industries. He began his software career as a  Delphi/Interbase disciple but changed his allegiance to Microsoft with its deep and broad ecosystem. While Hallam has designed and crafted custom software utilizing web, mobile and desktop technologies, good quality reliable data is the key to a successful solution. The challenge of quickly turning data into useful information for digestion by humans and machines has led Hallam to specialize in database design and process automation. Showing customers how leverage new technology to change and improve their business processes is one of the key drivers keeping Hallam coming back to the keyboard.