So this is the fourth blog post about the new features of Windows Azure and the second part of Windows Azure
Web Sites. But this is not just focus on the WAWS since the function I’m going
to introduce is available in both Windows Azure
Web Sites and Windows Azure Cloud Service (a.k.a. hosted service). In the previous post I talked about the Windows Azure
Web Sites and
how to use its gallery
to build a WordPress personal blog without coding. Besides the gallery we can create an empty
web site and upload our website from vary approaches. And one of the highlighted feature here is that, we can make our
web site integrated with a source control service, such as TFS and Git, so that it will be deployed automatically once a new commit or build available. Create New Empty
Web Site In the developer portal when creating a new
web site, we can select QUICK CREATE item. This will create an empty
web site with only one shared instance without any database associated. Let’s specify the URL, region and subscription and click OK. After a few seconds our website will be ready. And now we can click the BROWSE button
to open this empty website. As you can see there is a welcome page available in my website even thought I didn’t upload or deploy anything. This means even though the website will be charged even before anything was deployed, similar as the cloud service (hosted service). It is because once we created a website, Windows Azure platform had arranged a hosting process (w3wp.exe) in the group of virtual machines. Create Project in TFS Preview Service and Setup Link Currently the Windows Azure
Web Sites can integrate with TFS and Git as its deployment source, and it only support the Microsoft TFS Preview Service for now. I will not deep into
how to use the TFS preview service in this post but once we click into the website we had just created and then clicked the “Set up TFS publishing”, there will be a dialog helping us
to connect
to this service. If you don’t have an account you can click the link shown below
to request one. Assuming we have already had an account of TFS service then we need
to create a new project firstly. Go
to your TFS service website and create a new project, giving the project name, description and the process template. Then, back
to the developer portal and clicked the “Set up TFS publishing” link. In the popping up window I will provide my TFS service URL and click the “Authorize now” link. Click “Accept” button
to allow my windows azure
to connect
to my TFS service. Then it will be back
to the developer portal and list all projects in my account. Just select the one I had just created and click OK. Then our website is linking
to the TFS project I specified and finally it will show similar like this below. This means the
web site had been linked
to the TFS successfully. Work with TFS Preview Service in VS2010 In the figure above there are some links
to guide us
how to connect
to the TFS server through Visual Studio 2010 and 2012 RC. If you are using Visual Studio 2012 RC, you don’t need any extension. But if you are using Visual Studio 2010 you must have SP1 and KB2581206 installed.
To connect
to my TFS service just open the Visual Studio and in the Team Explorer, we can add a new TFS server and paste the URL of my TFS service from the developer portal. And select the project I had just created, then it will be listed in my Team Explorer. Now let’s start
to build our website. Since the website we are going
to build will be deployed
to WAWS, it’s NOT a cloud service, NOT a
web role. So in this case we need
to create a normal ASP.NET
web application. For example, an ASP.NET MVC 3
web application. Next, right click on the solution and select “Add Solution
to Source Control”, select the project I had just created. Then check my code in. Once the check-in finished we can see that there is a build running in the TFS server. And if we back
to the developer portal, we will see in our
web site deployment page there’s a deployment running. In fact, once we linked our
web site
to our TFS then it will create a new build definition in our TFS project. It will be triggered by each check-in and deploy
to the
web site we linked automatically. So that when our code had been compiled it will be published
to our
web site from our TFS server. Once the build and deployment finished we can see it’s now active on our developer portal. Now we can see the
web site that created from my Visual Studio and deployed by my TFS. Continue Deployment through VS and TFS A big benefit when using TFS publishing is the continue deployment. Now if I changed some code in my Visual Studio, for example update some text on the home page and check in my changes, then it will trigger an new build and deploy
to my WAWS automatically. And even more, if we wanted
to rollback
to a previous version we can just select an existing deployment listed in the portal and click REDEPLOY at the bottom. Q&A: Can
Web Site use Storage work with a Worker Role? Stacy asked a question in my previous post, which was “can a
web site use Windows Azure Storage and furthermore working with a worker role”. Since the
web site is deployed on the windows azure virtual machines in data center, it must be able
to use all windows azure features such as the storage, SQL databases, CDN, etc.. But since when using
web site we normally have a standard ASP.NET
web application, PHP website or NodeJS, the windows azure SDK was not referenced by default. But we can add them by ourselves. In our sample project let’s right click on my MVC project and clicked the “Manage NuGet packages”. And in the dialog I will search windows azure packages and select the “Windows Azure Storage”
to install. Then we will have the assemblies
to access windows azure storage such as tables, queues and blobs. Since I have a storage account already, let’s have a quick demo, just
to list all blobs in a container. The code would be like this. 1: using System;
2: using System.Collections.Generic;
3: using System.Linq;
4: using System.Web;
5: using System.
Web.Mvc;
6: using Microsoft.WindowsAzure;
7: using Microsoft.WindowsAzure.StorageClient;
8:
9: namespace WAASTFSDemo.Controllers
10: {
11: public class HomeController : Controller
12: {
13: public ActionResult Index()
14: {
15: ViewBag.Message = "Welcome
to Windows Azure!";
16:
17: var credentials = new StorageCredentialsAccountAndKey("[STORAGE_ACCOUNT]", "[STORAGE_KEY]");
18: var account = new CloudStorageAccount(credentials, false);
19: var client = account.CreateCloudBlobClient();
20: var container = client.GetContainerReference("shared");
21: ViewBag.Blobs = container.ListBlobs().Select(b => b.Uri.AbsoluteUri);
22:
23: return View();
24: }
25:
26: public ActionResult About()
27: {
28: return View();
29: }
30: }
31: }
1: @{
2: ViewBag.Title = "Home Page";
3: }
4:
5: <h2>@ViewBag.Message</h2>
6: <p>
7:
To learn more about ASP.NET MVC visit <a href="http://asp.net/mvc" title="ASP.NET MVC Website">http://asp.net/mvc</a>.
8: </p>
9: <div>
10: <ul>
11: @foreach (var blob in ViewBag.Blobs)
12: {
13: <li>@blob</li>
14: }
15: </ul>
16: </div>
And then just check in the code, it will be deployed
to my
web site. Finally we can see the blobs in my storage.
This is just an example but it proves that
web sites can connect
to storage, table, blob and queue as well. So the answer
to Stacy should be “yes”. The
web site can use queue storage
to work with worker role.
Summary
In this post I demonstrated
how to integrate with TFS from Windows Azure
Web Sites. You can see our website can be built, uploaded and deployed automatically by TFS service. All we need
to do is
to provide the TFS name and select the project.
Not only the Windows Azure
Web Site, in this upgrade the Windows Azure Cloud Services (hosted service) can be published through TFS as well. Very similar as what we have shown below.
But currently, only Microsoft TFS Service Preview can be integrated with Windows Azure. But I think in the future we can link the TFS in our enterprise and some 3rd party TFS such as CodePlex
to Windows Azure.
Hope this helps,
Shaun
All documents and related graphics, codes are provided "AS IS" without warranty of any kind.
Copyright © Shaun Ziyan Xu. This work is licensed under the Creative Commons License.
