Lesson 70 - Deploying the App to Microsoft Azure Web Services Web Apps

Tutorial Series: Free C# Fundamentals via ASP.NET Web Apps

Previous Article  |  Next Article


Get GitHub Code

The final step when developing with ASP.NET would be to deploy your website to a live Web Server. For this lesson, we’re going to use the Web Apps portion of Microsoft Azure App Services and deploy the application using Visual Studio tools. It will be deployed to a remote Virtual Machine that Microsoft configures and manages for you. This approach is a lot more hands-off then the typical deployment to a Web Server, where you are expected to manage and support the server along with the application that runs on it. This option describes the “PaaS” model which stands for “Platform as a Service.” However, you do have the option for a more hands-on approach with the “IaaS” model, or “Infrastructure as a Service” in which Microsoft will set up the operating system and leave the rest up to you. We’re choosing to go the PaaS route because it removes a lot of the headache involved with managing a website in exchange for losing control over underlying configurations that are not necessary to have access to in 99% of cases. You might require access to unique server configurations if you are running uncommon or legacy services that your application depends upon, but again that is extremely unlikely.

Tip:

There are a lot of cool things about the Azure platform beyond just making your job easier. Because your site is running on a Virtual Machine it’s easy to modify or make scalable to accommodate increasing demand. For example, you can – with a push of button – increase the running instances of your Web Server.


Step 1: Create a Free Microsoft Azure Account

Go to https://azure.microsoft.com and create an account. We’ll be using dummy account info for this lesson, but you will want to use your own account information on your end. Once you’ve gotten your account information, open up the application we’ve been working on (LocalDbExample) in Visual Studio.

Step 2: Update the Azure SDK

Click on the notifications icon in Visual Studio to check if there are any available updates to the Azure SDK and download them:


cs-asp-070---deploying-the-app-to-microsoft-azure-servives-web-apps-001


Step 3: Publish the Project

In the Solution Explorer, right-click on the main Presentation layer and select “Publish” from the menu that appears:


cs-asp-070---deploying-the-app-to-microsoft-azure-servives-web-apps-002


Select the “Microsoft Azure Web Apps” option from the publishing dialogue that opens. Afterwards, you will be prompted to sign-in with your account credentials:


cs-asp-070---deploying-the-app-to-microsoft-azure-servives-web-apps-003


Step 4: Create a Microsoft Azure Web App

After you’ve signed-in, you will be prompted to create a new Web App:

cs-asp-070---deploying-the-app-to-microsoft-azure-servives-web-apps-004

In the following dialogue, set up your Web App with unique values, following a similar pattern to what you see here:


cs-asp-070---deploying-the-app-to-microsoft-azure-servives-web-apps-005


After clicking “Create”, you’ll want to choose “Web Deploy,” keeping the other default server details, and then click “Validate Connection”:


cs-asp-070---deploying-the-app-to-microsoft-azure-servives-web-apps-006


At the next dialog, make the following selections:


cs-asp-070---deploying-the-app-to-microsoft-azure-servives-web-apps-008


Also, specify the database to run on the remote server and then click “Next”:


cs-asp-070---deploying-the-app-to-microsoft-azure-servives-web-apps-009


Tip:

Note that the database schema and configuration details will transfer to the remote server, however your existing database entries will not. You can click on “Configure database updates” in the dialogue above and it will let you run an SQL command to import your existing database values.

Finally, after all of that you can click on “Publish” and it should launch your browser pointing to your website running on the remote URL:


cs-asp-070---deploying-the-app-to-microsoft-azure-servives-web-apps-010


Step 5: Access the Remote Database in Visual Studio

You can make changes to the remote database from within Visual Studio by opening the Server Explorer:

View > Server Explorer

And from the Server Explorer right-click on the remote database and select “Open in SQL Server Object Explorer:”


cs-asp-070---deploying-the-app-to-microsoft-azure-servives-web-apps-011


You will be prompted to add a firewall rule to allow remote access from your computer and after that you should be able to peruse through the remote database locally:


cs-asp-070---deploying-the-app-to-microsoft-azure-servives-web-apps-012


Tip:

If you want to share your project, it’s important to first delete the “PublishProfiles” folder in the main project under the Solution Explorer. This folder contains sensitive data relating to your Microsoft Azure account that can potentially let others take control of it.

If you want to learn more about Azure, you can take the free course on Microsoft Virtual Academy:

http://bit.do/azure-fundamentals


Related Articles in this Tutorial:

Lesson 1 - Series Introduction

Lesson 2 - Installing Visual Studio 2015

Lesson 3 - Building Your First Web App

Lesson 4 - Understanding What You Just Did

Lesson 5 - Working with Projects in Visual Studio

Lesson 6 - Simple Web Page Formatting in Visual Studio

Challenge 1

Solution 1

Lesson 7 - Variables and Data Types

Lesson 8 - Data Type Conversion

Lesson 9 - Arithmetic Operators

Lesson 10 - C# Syntax Basics

Challenge 2 - ChallengeSimpleCalculator

Solution - ChallengeSimpleCalculator

Lesson 11 - Conditional If Statements

Lesson 12 - The Conditional Ternary Operator

Challenge 3 - ChallengeConditionalRadioButton

Solution - Challenge Conditional RadioButton

Lesson 13 - Comparison and Logical Operators

Lesson 13 Challenge - First Papa Bob's Website

Solution - Challenge First Papa Bob's Website

Lesson 14 - Working with Dates and Times

Lesson 15 - Working With Spans of Time

Lesson 16 - Working with the Calendar Server Control

Challenge 4 - Challenge Days Between Dates

Solution - Challenge Days Between Dates

Lesson 17 - Page_Load and Page.IsPostBack

Lesson 18 - Setting a Break Point and Debugging

Lesson 19 - Formatting Strings

Challenge 5 - Challenge Epic Spies Assignment

Solution - Challenge Epic Spies Assignment

Lesson 20 - Maintaining State with ViewState

Lesson 21 - Storing Values in Arrays

Lesson 22 - Understanding Multidimensional Arrays

Lesson 23 - Changing the Length of an Array

Challenge 6 - Challenge Epic Spies Asset Tracker

Solution - Challenge Epic Spies Asset Tracker

Lesson 24 - Understanding Variable Scope

Lesson 25 - Code Blocks and Nested If Statements

Lesson 26 - Looping with the For Iteration Statement

Challenge 7 - Challenge For Xmen Battle Count

Solution - Challenge For Xmen Battle Count

Lesson 27 - Looping with the while() & do...while() Iteration Statements

Lesson 28 - Creating and Calling Simple Helper Methods

Lesson 29 - Creating Methods with Input Parameters

Lesson 30 - Returning Values from Methods

Lesson 31 - Creating Overloaded Methods

Lesson 32 - Creating Optional Parameters

Lesson 33 - Creating Names Parameters

Lesson 34 - Creating Methods with Output Parameters

Challenge 8 - Challenge Postal Calculator Helper Methods

Solution - Challenge Postal Calculator Helper Methods

Mega Challenge Casino

Solution - Mega Challenge Casino

Lesson 35 - Manipulating Strings

Challenge 9 - Phun With Strings

Solution - Challenge Phun With Strings

Lesson 36 - Introduction to Classes and Objects

Challenge - Hero Monster Classes Part 1

Solution - Hero Monster Classes Part 1

Challenge - Hero Monster Classes Part 2

Solution - Challenge Hero Monster Classes Part 2

Lesson 37 - Creating Class Files Creating Cohesive Classes and Code Navigation

Lesson 38 - Understanding Object References and Object Lifetime

Lesson 39 - Understanding the .NET Framework and Compilation

Lesson 40 - Namespaces and Using Directives

Lesson 41 - Creating Class Libraries and Adding References to Assemblies

Lesson 42 - Accessibility Modifiers, Fields and Properties

Lesson 43 - Creating Constructor Methods

Lesson 44 - Naming Conventions for Identifiers

Lesson 45 - Static vs Instance Members

Challenge 10 - Challenge Simple Darts

Solution - Challenge Simple Darts

Lesson 46 - Working with the List Collection

Lesson 47 - Object Initializers

Lesson 48 - Collection Initializers

Lesson 49 - Working with the Dictionary Collection

Lesson 50 - Looping with the foreach Iteration Statement

Lesson 51 - Implicitly-Typed Variables with the var Keyword

Challenge 11 - Challenge Student Courses

Solution - Challenge Student Courses

Mega Challenge War

Solution - Mega Challenge War

Lesson 52 - Creating GUIDs

Lesson 53 - Working with Enumerations

Lesson 54 - Understanding the switch() Statement

Lesson 55 - First Pass at the Separation of Concerns Principle

Lesson 56 - Understanding Exception Handling

Lesson 57 - Understanding Global Exception Handling

Lesson 58 - Understanding Custom Exceptions

Lesson 59 - Creating a Database in Visual Studio

Lesson 60 - Creating an Entity Data Model

Lesson 61 - Displaying the DbSet Result in an ASP.NET GridView

Lesson 62 - Implementing a Button Command in a GridView

Lesson 63 - Using a Tools-Centric Approach to Building a Database Application

Lesson 64 - Using a Maintenance-Driven Approach to Building a Database Application

Lesson 65 - Creating a New Instance of an Entity and Persisting it to the Database

Lesson 66 - Package Management with NuGet

Lesson 67 - NuGet No-Commit Workflow

Lesson 68 - Introduction the Twitter Bootstrap CSS Framework

Lesson 69 - Mapping Enum Types to Entity Properties in the Framework Designer

Lesson 70 - Deploying the App to Microsoft Azure Web Services Web Apps

Papa Bob's Mega Challenge

Papa Bob's Mega Solution Part 1 - Setting up the Solution

Papa Bob's Mega Solution Part 2 - Adding an Order to the Database

Papa Bob's Mega Solution Part 3 - Passing an Order from the Presentation Layer

Papa Bob's Mega Solution Part 4 - Creating the Order Form

Papa Bob's Mega Solution Part 5 - Adding Enums

Papa Bob's Mega Solution Part 6 - Creating an Order with Validation

Papa Bob's Mega Solution Part 7 - Calculating the Order Price

Papa Bob's Mega Solution Part 8 - Displaying the Price to the User

Papa Bob's Mega Solution Part 9 - Creating the Order Management Page


Comments

Please login or register to add a comment