Geekly Articles each Day
📜 ⬆️ ⬇️

Reduce development and testing time with Azure Web Sites and Visual Studio Online



Visual studio online


Not so long ago, Visual Studio Online became publicly available. A little publicity has received its main advantage - the preliminary version of IDE Visual Studio. This means that the tool we use for development is now available online as a preview version (subscribe to the Azure portal's Preview Features page).


First of all, if you do not have a VSO account, you need to create it . Then link it to your Azure subscription.

Connecting an existing VSO account


Once you have a (or maybe already existing) VSO account, you can link it to your Azure subscription.
')
Log in to Azure Management Portal with the same Live ID that you used to create your VSO account.

In the left navigation pane, you will see Visual Studio Online. Click on it. A page will appear on the screen with a request to create a new or link an existing VSO account.

Specify the name of your VSO account and connect it.



We connect VSO for Azure Web Site


Connecting a VSO is necessary for every Azure Web site that you are going to edit with it.

This can be done by navigating to the Azure Web Site homepage within the Azure Management Portal.

Then go to Configure. Scroll down, find "Edit Site in Visual Studio Online" and set the setting to ON. Wait for the operation to complete.



Editing a website in VSO


After connecting VSO for your website, go to the control panel of this website in the Azure management portal.

A new link will appear in the list on the right of "Edit in Visual Studio Online":



VSO IDE is protected by your credentials for placing code (if you do not know what credentials are for placing code, please take a few minutes to this article ).

Get - your website, your IDE, your browser. What? You said that I forgot to start to expand my site? Hm Visual Studio Online is Visual Studio Online.
So you can do “File -> New” and it works:



Every change you make immediately in real time is reflected on the site.

This is the fastest way to troubleshoot JavaScript / CSS / HTML issues (View - View).
And, if you are working with PHP / Node.js - just edit the files on the fly and you will see changes in real time. No need to re-deploy and unpack the solution. It is not even necessary to have an IDE installed on your machine — only a modern browser.

You can edit your site, even from the tablet.

What is the catch?


Trick? What do you mean by "catch"? Version Control System?

There is integrated git support. You can link your website to Git (a project with GitHub or VSO with Git support), or simply work with a local repository. The choice is yours.

And now you get a fully integrated version control system with support for your changes.

useful links


Source: https://habr.com/ru/post/250217/

More articles:


All Articles