In this tutorial we are going to see how to configure the Team Foundation services over the web for the Windows Azure Websites and the Cloud Services. Team foundation Services are in the preview still, with the new Meet Windows Azure Edition with creating a website or a cloud services application we have option to setup a TFS versioning or can use the GIT which effectively version the application each and every time we make some changes and have a number of build across it. Team Foundation Services makes life easy with Windows Azure to have a build synchronization effectively each and every time we make a build and deployment takes care of it without any leakage.       [more]

Team Foundation Services can be registered as a free service over the cloud as its on preview, note to registered the service with the same subscription as it will be easy to maintain as well to authenticate while doing it from the Azure Management Portal. Let us see the steps on how to achieve this task to setup the Team Foundation Services with a deployed Windows Azure website which we did in earlier article. Open Windows Azure portal http://windows.azure.com and go to the website or the cloud services application where we need to setup the Team Foundation Services as shown in the screen below.

Now navigate to the Dashboard and try to access the website to see if we can able to browse the application by clicking on the Site URL from the dashboard presented at the right side menu as shown in the screen below.

Clicking on the website URL we can see the application running as shown in the screen below, this website is developed using ASP.NET MVC4 with C# and is deployed directly to the Windows Azure Websites (See the Step by Step process on how to do that using the article – Create Websites with the New Windows Azure Portal – #Meet Azure Edition).

Now select the Set up TFS Publishing at the right bottom to start setting up the Team Foundation Services. Clicking on the that link will pop up a window requesting to enter the TFS details, if we don’t have a registered TFS ready then click on Create a TFS Account now as shown in the screen below.

Once we have a valid TFS account provide the account name here as shown in the screen below, once done click on Authorize Now button to authorize the account. Initially we have discussed to have the same subscription to create the TFS this would help us to authorize the connection without any issues as shown in the screen below.

Once the credentials are authorized we can see the list of available projects where we can select a particular project to publish the application as shown in the screen below.

Now clicking on the Next button will configure the TFS for the application deployed and we can see in the portal we have options top open the application using Visual Studio 2012, and also with Visual studio 2010. We can open the IDE of our choice as per the requirement on which the application is built by clicking on the Visual Studio button at the bottom of the task screen as shown in the screen below.

Clicking on Visual Studio at the bottom task bar we can see a pop up requesting to access the Visual Studio, just click on the proceed button as shown in the screen below.

Now we can see a pop up requesting to access the Visual Studio 2012 with some specific address, just click on proceed to step further and we can see Visual Studio 2012 is opened in a new windows with Team Explorer opened as shown in the screen below.

Now open the project (F5debugonCloud) which we created which need to be checked in to the Team Foundation servers on the cloud. So go to File –> Open and go the solution explorer where it lists the complete project solution as shown in the screen below.

Now Right Click on the project solution and select Add Solution to Source Control which will open a popup window where we need to select the root folder of the team project as shown in the screens below.

Clicking on the Add Solution to Source Control will popup the window to select the appropriate team project as shown in the screen below. Just click on OK to proceed further as we are just going to use the root level project.

Now go to the project solution again and select Check In from the list, which checks in the latest code changes and the complete source code will be verified if any changes applicable in any file as shown in the screen below.

In the team explorer we can see a text box to enter the comment for the check in, basically we will be entering the reason for the code changes and some comments to track the code change requirement. Provide some data and click on Check In as shown in the screen below.

Clicking on Check in will prompt a small message window, just click ok to proceed further. Now we can see all the items are getting checking as this is the first time we are checking in the project to the F5debug team foundation server over the cloud as shown in the screen below.

It will take a bit time based on the network, once the items are checked in we are good with the source control on Team Foundation Server for our project F5debugOnCloud. We can customize it stiff further by making use of the Auto builds and wrapping the deployment atomically which we will be seeing in our next article. We can see the screen looks below with the result once the items are checked in over the server as shown in the screen below.

Now to check if the complete files are checked in to the team foundation server, just login to the server and access the team project and we can see the list of items which are uploaded as shown in the screen below.