Click here to Skip to main content
15,886,689 members
Articles / All Topics

Unleash the Power of Microsoft Azure and Visual Studio Online - Part 1

Rate me:
Please Sign up or sign in to vote.
0.00/5 (No votes)
14 Aug 2015CPOL3 min read 5.1K   1  
Unleash the Power of Microsoft Azure and Visual Studio Online - Part 1

This article may contain live JavaScript that has been reviewed and tested for security. If you wish to submit articles containing JavaScript please email your submissions to submit@codeproject.com.

Visual Studio Online(VSO) is a set of online services and tools to increase productivity.

With VSO, you get code repositories, continuous integration, bug and task tracking and agile planning tools.

One of the best advantages is that it is language independent, and can be integrated in IDEs such as Visual Studio and Eclipse.

The repositories can use either TFS or GIT.

If that is not enough, a free account allows you to have 5 users and unlimited repositories with unlimited storage capacity.

It's continuous integration feature allows you to perform automatic tests on builds, and create alerts and bug items if any errors occurred.

It can also be integrated as a deployment source for Azure apps.

Let's start.

Open Visual Studio 2015.
Create a new ASP .NET Web Application.

Image 1

Select MVC and click OK.

Image 2

Once the project has been created you will see something like this:

Image 3

Login to your VSO account (create one if you don't have it) and you would see something similar to this:

Image 4

Click New to create a new project and fill the information, we will use Team Foundation Version Control. Click Create project.

Image 5

 

Once the project has been created, navigate to it.

Image 6

Go back to Visual Studio and navigate to Team Explorer.

Connect to your VSO account from there, select the project you just created in VSO and click Connect.

Image 7

Go back to Solution Explorer.

Right (or secondary) click on Solution name.

Click Add solution to Source Control.

Image 8

In the Choose Source Control dialog, select Team Foundation Version Control.

Image 9

Create a folder for your solution in the online repository, select it and click OK.

Wait for your solution to be added. Once it done, you will see a green + icon next to your solution files.

Image 10

Right (or secondary) click on the solution, and Check-In all of your files to the repository.

Right (or secondary) click on the Web Project and select Publish.

Select Microsoft Azure Web Apps, and proceed to create the web app.

Image 11

Image 12

Image 13

Click Create.

The Publish Web screen will show up. Validate the connection and click Publish.

Visual Studio starts publishing your website into Azure and once it finished, it will start a browser and navigate to the website url.

If you want to check in the publishing profile, you can do it.

Go to the Azure portal and select your created Website.

Image 14

Image 15

Click the link Set up deployment from source control.

Image 16

Select Visual Studio Online.

Image 17

Authorize the Connection.

Image 18

Select the correct repository.

Image 19

Azure starts linking the VSO deployment.

Image 20

Go back to Team Explorer in Visual Studio and select Builds.

Image 21

Expand the XAML Build Definitions section.

Right (or secondary click) the definition and select Queue New Build and then Queue.

Your build starts executing, by default, it gets the latest version in the online repository, builds the application, executes the test projects if any, and once everything succeeds, it publishes the latest version of the website, if any error happens, it will create a bug work item.

From now on, any time you want to publish a new version of the website, you just check in your latest changes and queue a new build.

By default, you get 60 build minutes per month for free.

Image 22

Image 23

Once your build is done, you will see a green check icon.

Image 24

License

This article, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)


Written By
CEO PTI Costa Rica
Costa Rica Costa Rica
Eduardo is an individual with knowledge is multiple academic fields,
where the two main are System Engineering and Psychology.
This not only allows Eduardo to work in the IT fields, but also give him the knowledge and abilities required to understand people behavior, and the factors involved that could affect a person, and even more than understand them, his Psychology studies give him the tools to help the individuals that require it.

Eduardo has also some knowledge in he videogame development field, and using tools such as
3ds max and Unity 3d.

Eduardo's main goal is actually to become a videogame profesional.

Profile:
* Bachellor in System Ingeneering
* 8+ years of experience

Linkedin profile: https://cr.linkedin.com/in/pticostarica

Comments and Discussions

 
-- There are no messages in this forum --