{"id":39986,"date":"2016-08-31T15:46:06","date_gmt":"2016-08-31T10:16:06","guid":{"rendered":"http:\/\/www.tothenew.com\/blog\/?p=39986"},"modified":"2016-12-19T15:04:03","modified_gmt":"2016-12-19T09:34:03","slug":"how-we-can-setup-cdn-on-microsoft-window-azure-with-storage","status":"publish","type":"post","link":"https:\/\/www.tothenew.com\/blog\/how-we-can-setup-cdn-on-microsoft-window-azure-with-storage\/","title":{"rendered":"How we can setup CDN on Microsoft Azure with storage?"},"content":{"rendered":"

What is CDN?<\/strong><\/p>\n

A content delivery network (CDN) is a system of distributed servers (network) which deliver webpages and other Web content to a user based on the geographic locations of the user, the origin of the webpage and a content delivery server.<\/p>\n

Reasons to use CDN<\/strong><\/p>\n

    \n
  1. Different domains<\/strong><\/li>\n<\/ol>\n

    Browsers have limit of number of concurrent connections (file downloads) to a single domain. Most permit four active connections so the 5th<\/sup> download is blocked until one of the previous files has been fully retrieved. You can often check this limit in action when downloading many large files from the same site.<\/p>\n

    CDN files are hosted on a different domain. Really, a single CDN permits the browser to download a further four files at the same time.<\/p>\n

      \n
    1. Files may be pre-cached<\/strong><\/li>\n<\/ol>\n

      JQuery<\/a> is ubiquitous on the web. There is a high probability that someone visiting our website\u2019s pages has already visited a website using the Google CDN. Therefore, the file has already been cached by your browser and would not need to be downloaded again.<\/p>\n

        \n
      1. High-capacity infrastructures<\/strong><\/li>\n<\/ol>\n

        You may have great hosting but as per my understanding it doesn\u2019t have the capacity or scalability offered by Google, Microsoft or Yahoo. The better CDNs offer higher availability, lower network latency and lower packet loss.<\/p>\n

          \n
        1. Distributed data centers<\/strong><\/li>\n<\/ol>\n

          If main web server is based in Washington, users from Europe or Asia must make a number of trans-continental electronic hops when they access files. Many CDNs provide localized data a center which are closer to the user and result in faster downloads.<\/p>\n

            \n
          1. Built-in version control<\/strong><\/li>\n<\/ol>\n

            It is usually possible to link to a specific version of a CSS file or JavaScript library. We can often request the \u201clatest\u201d version if required.<\/p>\n

              \n
            1. Usage analytics<\/strong><\/li>\n<\/ol>\n

              Many commercial CDNs provide file usage reports since they generally charge per byte. Those reports can supplement our own website analytics and, in some cases, may offer a better impression of video views and downloads.<\/p>\n

                \n
              1. Boosts performance and saves money<\/strong><\/li>\n<\/ol>\n

                A CDN can distribute the load, save bandwidth, boost performance and reduce our existing hosting costs.<\/p>\n

                Step by step approach to create storage and integrate that storage account with CDN<\/strong><\/p>\n

                  \n
                • Login with existing Azure account or Signup with new account<\/li>\n<\/ul>\n

                   <\/p>\n

                  \"cdnlogin\"<\/p>\n

                  \u00a0<\/strong>After getting successful signup or login, user will be redirected on dashboard as given in below screen shot:-<\/p>\n

                  \"2\"<\/p>\n

                    \n
                  • Create Blob Storage Account on clicking on +New button as given below screen :-<\/li>\n<\/ul>\n

                    \"3\"<\/p>\n

                    \"4\"\"5\"<\/p>\n

                    User has to fill required details such as storage account name, account kind, replication, subscription, resource group and location to create new storage account. After successful creation of storage account, user has to create container which is used to store content, image, video etc. as given below screen shot:-<\/p>\n

                    \"6\"<\/p>\n

                    Click on storage account name as given in above screen shot.<\/p>\n

                    \"7\"<\/p>\n

                    Click on Blobs as shown in above screen shot .<\/p>\n

                    \"7\"<\/p>\n

                    Create container by filling container name e.g. image, css, video etc. and select access type as Private, Blob or container as shown in above screen shot.<\/p>\n

                    Now storage account creation process is completed and user\u2019s storage account is ready to use.<\/p>\n

                    User has to download Microsoft Azure Storage Explorer to Upload and Download content files on his Azure storage account. The link to download is http:\/\/storageexplorer.com\/.<\/p>\n

                    \"7\"<\/p>\n

                    After downloading and installing it on system, user has to login with same credentials which he\/she used to login with azure account as given below screen shot:-<\/p>\n

                    \"7\"<\/p>\n

                    After getting successful login with his\/her account user will be redirected to his\/her account dashboard screen as given below screen shot:-<\/p>\n

                    \"7\"<\/p>\n

                    Open container which you created in window azure storage account as shown in above screen shot.<\/p>\n

                    \"7\"
                    \nUpload content file as given below screen shots.<\/p>\n

                    \"7\"<\/p>\n

                    Now user can get file url to access as given below screen shot:-<\/p>\n

                    \"7\"
                    \nAfter getting uploaded file successfully on storage will be shown as in given below screen shot:-<\/p>\n

                    \"7\"<\/p>\n

                    Also you can check it on window azure storage account as given below screen shot:-<\/p>\n

                    \"7\"<\/p>\n

                    URL: – <\/strong><\/p>\n

                    Now user can use the url generated from storage account in his application to display that content.<\/p>\n

                    Now create CDN profile and CDN end point to enable CDN with Storage Account<\/strong><\/p>\n

                    CREATE CDN Profile as given below screen shots:-<\/p>\n

                    \"7\"<\/p>\n

                    Create CDN profile by filling and selecting required information as Profile Name, Subscription resource group (if exist any, please select that otherwise create new one).Resource group location will be auto selected on behalf of your resource group selection. At last you have to choose pricing tier, based on this selection price will be charged.<\/p>\n

                    \"7\"Create End Point to generate CDN URL of resources as:-<\/strong><\/p>\n

                    You can set name of endpoint which will be used as CDN url.Then select origin type (e.g. Storage).Then select origin hostname i.e. select storage which will be mapped with CDN end point. Once Endpoint will be created successfully, will be listed as given below screen shot.<\/p>\n

                    \"7\"<\/p>\n

                    Here is the endpoint which can be used to display resources stored in storage. For example here I uploaded Video_360.mp4 in storage section in Video folder So I can use to access this video as given below url:-<\/p>\n

                    CDN URL: –<\/strong> <\/em><\/strong><\/p>\n

                    \u00a0<\/strong>Set custom hostname with respect to a particular endpoint .For example for this end point <\/em><\/strong>we can set custom domain name as given below screen shot.<\/p>\n

                    \"7\"<\/p>\n

                    Now CDN Profile and Endpoint created successfully. You can upload resources on storage and use CDN url.<\/p>\n","protected":false},"excerpt":{"rendered":"

                    What is CDN? A content delivery network (CDN) is a system of distributed servers (network) which deliver webpages and other Web content to a user based on the geographic locations of the user, the origin of the webpage and a content delivery server. Reasons to use CDN Different domains Browsers have limit of number of […]<\/p>\n","protected":false},"author":697,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"iawp_total_views":1},"categories":[2348,1],"tags":[3466,2645,3233],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/www.tothenew.com\/blog\/wp-json\/wp\/v2\/posts\/39986"}],"collection":[{"href":"https:\/\/www.tothenew.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.tothenew.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.tothenew.com\/blog\/wp-json\/wp\/v2\/users\/697"}],"replies":[{"embeddable":true,"href":"https:\/\/www.tothenew.com\/blog\/wp-json\/wp\/v2\/comments?post=39986"}],"version-history":[{"count":0,"href":"https:\/\/www.tothenew.com\/blog\/wp-json\/wp\/v2\/posts\/39986\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.tothenew.com\/blog\/wp-json\/wp\/v2\/media?parent=39986"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.tothenew.com\/blog\/wp-json\/wp\/v2\/categories?post=39986"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.tothenew.com\/blog\/wp-json\/wp\/v2\/tags?post=39986"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}