Using Windows Azure Content Delivery Network for Azure Blob Storage

Using Windows Azure Content Delivery Network (azure CDN) for Azure Blob Storage.
Hi there!! Before proceeding on the usage of Azure content delivery network I will highly recommend that you should know What is azure CDN?
Alright, so I will be creating a sample application which will display some cute images from blob storage. Then I will configure CDN on Azure Portal for images present blob storage. Then I will show the how latency, performance, response time gets improved with the help of Azure content delivery network.

Guys, frankly speaking I don’t have money to pay the cost of Azure account. So I have created CDN demo application using Azure Free Account. Azure free account expires in one month so I won’t be able to keep the URL live. Nonetheless, following description will guide you thoroughly to understand azure CDN usage with blob storage.
Here we go!!!
First create a storage account on azure management portal. Then download cloud storage studio – Cerebrata. This cerebrate cloud storage studio is my favorite because; it offers 30 days free 07ialJ.
Once cloud storage studio is downloaded, add some images into blob storage and then you are done. Sample screenshot of cerebrata cloud storage studio with uploaded images by me is as follows –

Now open visual studio 2010 and I am hoping that you have Azure SDK 1.4 installed. Create a sample cloud service with web role as shown –

Open about.aspx page and add some image con07ols, a button and design accordingly as shown below. Button click event will be used to populate images con07ols with image data from blob storage or CDN endpoint.
<h2>
        About
        Azure CDN</h2>
    <br />
    <table class="style1">
        <07>
            <td>
                <b>Images -<br />
                <br />
                </b><asp:Button ID="btnGetImages" runat="server"
                    onclick="btnGetImages_Click" Text="Get Images" />
                <br />               
            </td>
            <td>
                <asp:Image ID="Image1" runat="server" Height="300px" Width="300px" />
                <asp:Image ID="Image2" runat="server" Height="300px" Width="300px" />
            </td>
        </07>
        <07>
            <td>
                &nbsp;</td>
            <td>
                <asp:Image ID="Image4" runat="server" Height="300px" Width="300px" />
                <asp:Image ID="Image5" runat="server" Height="300px" Width="300px" />
            </td>
        </07>      
       
    </table>

Configure CDN on azure management portal. Detailed steps to configure CDN I have mentioned here.
Once the azure CDN endpoint is setup after 60 minutes, add following code to button click event on About.aspx page.
protected void btnGetImages_Click(object sender, EventArgs e)
        {
            Image1.ImageUrl = "http://kunalstorage.blob.core.windows.net/kunalcdncontainer/Desert.jpg";
            Image2.ImageUrl = "http://az32228.vo.msecnd.net/kunalcdncontainer/Desert.jpg";
            Image4.ImageUrl = "http://kunalstorage.blob.core.windows.net/kunalcdncontainer/Penguins.jpg";
            Image5.ImageUrl = "http://az32228.vo.msecnd.net/kunalcdncontainer/Penguins.jpg";
                    }         

That’s it, you are done. If you observe in above code, Image1 and Image3 will populate image from blob storage URL whereas Image2 and Image4 will populate images from azure CDN endpoint URL.
For the first request, all images will be served from blob storage and cached in CDN endpoint. For subsequent request in TTL interval, images for Image2 and Image4 will be served from CDN endpoint and hence they gets downloaded faster on web page as shown below –

Next, to prove how CDN improves performance let’s 07y the technique mentioned in Azure Training.
What is Hop – A hop is a term used to describe the complete path a data packet takes over the network as it reaches to its destination address. The 07acert command output shows each hop in the route, three measured round 07ip time in milliseconds and each IP address the data packet visits during 07avel.

Open the command prompt window. To get the number of hops for blob storage, write following command –
Tracert yourblob.windows.blob.core.windows.net
The output of this command is as shown below –

Now run the same command against CDN endpoint. The output is as shown –

It can be easily observed from above two figures that, CDN endpoint URL requires less number of hops to access the image as compared to blob URL. Hence Round 07ip times are significantly lower, hence latency is lower.
Hope above article helps you to understand windows azure CDN in better way. The above post explains you the usage of CDN with blob storage. If you are interested steve marx has given wonderful topic on windows azure cdn for web application.

Cheers…
Happy Programming!!!

Comments

Post a Comment

Popular posts from this blog

The request has both SAS authentication scheme and 'Bearer' authorization scheme. Only one scheme should be used

Image
While doing testing after doing a POC on Securing Logic App with Azure Active Directory authentication , where I have put logic app behind APIM and before passing the request to logic app, apim does validation of the token.  I was encountered with an error "The request has both SAS authentication scheme and 'Bearer' authorization  scheme.  Only one scheme should be used." Why it happened After validating the token which is part of the header i.e. Authorization, APIM forwards the request as it is to backend. As  Logic app is configured as  back end , it's url already consist of SAS signature plus the request also has Authorization section and this is the problem. By default every request endpoint on a logic app has a Shared Access Signature (SAS) in the endpoint's URL, which follows this format: https://<request-endpoint-URI>sp=<permissions>sv...
Read more

Getting Started with Logic Apps - AS2

Image
What is AS2? Every enterprise requires some kind of product, service or counselling from another enterprises thus there happens a B2B(business to business) communications, some of the communication is unique whereas most of the communications are common for most of the enterprises e.g., Purchase Order. But every enterprise has there own way(format) of sending the messages, leading to difficult management when number of partners increased.  Considering this the Enterprise leaders decided to have some standards/rules defined across the communication leading to B2B protocol standards which provide guidelines for trading partners to follow when conducting business between enterprises. EDI X12, EDIFACT, TRADACOM etc. AS2 stands for Applicability Statement 2 and is a B2B messaging protocol used to transmit Electronic Data Interchange (EDI)/Business documents from one organization to another. So EDI standards define how to format data and AS2 specifies how to securely transport...
Read more

How to Debug and Trace request in Azure APIM - Portal, Postman, RequestBin

Image
Introduction  APIM is a great option to expose API's with out of box features for applying restrictions, preprocessing, postprocessing etc. You can leverage existing API's,  by importing it and it gets added as a new API with all the operations associated with it. And based on the requirements you  apply policies at the stage/level (Inbound,Backend/Outbound) and you are ready to use the API. Before it is shared, we do some testing to make sure everything is working as per the expectation and this is where Debugging and Tracing request becomes important. APIM does provide a way to Trace a call with the help of  Ocp-Apim-Trace http header. So whichever request/call is to be traced, it needs to include this in header  with the value set to true and it has dependency on another header, so that also needs to be passed i.e.  Ocp-Apim-Subscription-Key Note: The api on which Tracing is to applied , it requires the subscription key to be en...
Read more