在上一篇文章我們佈署了自己的Web App網站，接下來我們要設定一下Web App的CDN，來加快存取我們網站的速度（存放CSS/HTML)

什麼是CDN

根據WIKI的解釋，是指一種透過網際網路互相連接的電腦網路系統，利用最靠近每位使用者的伺服器，更快、更可靠地將音樂、圖片、影片、應用程式及其他檔案傳送給使用者，來提供高效能、可擴展性及低成本的網路內容傳遞給使用者。

CDN的好處：微軟在全世界有多個Data Center，我們透過Azure CDN佈署資源的話，可以加快User存取資源的速度（因為他們都會存取離自己最近的資源），並有效進行分流，降低檔案存取對Server的壓力

既然了解了CDN的好處，我們將使用CDN來放置我們的javascript及css檔案!

實作設定Azure CDN

1. 新建CDN Resource

2. 設定CDN相關資料，價位部分我們選擇正在特價的Standard Microsoft

3. 因為我們CDN的檔案要放在Blob Storage，我們前往Storage Account

4. 選取Blob Storage，建立一個CDN Container

5. 建立完成後回到CDN Resource的設定，選擇新增Endpoint，選擇Storage Account以及剛才新增的cdn container

6. 新增確認後，會開始佈署你的CDN到全世界。這需要一點時間，你可以去泡個咖啡，吃個餅乾，10分鐘後再回來

7. 十分鐘過了，我們可以去Blob Storage上傳我們的檔案了(這次要做CDN的是javscript以及css檔案)

8. 將兩個檔案的位置複製下來，準備修改HTML檔案

9. 我們為了節省時間，直接回到Azure Cloud Shell修改HTML存取javascript&css的位置

vi index.html

修改style.css以及script.js的URL，換成CDN Blob Storage的

10. 再update一次程式碼的deploy

az webapp up --location eastasia --name {appname}

佈署完成後再查看一次我們的網站資訊Resource來源

我們的CDN設置已經完成囉!!
大家也可以測試看看實際上有沒有變快一點~~
CDN設置是不是很簡單呢^++++^

下一篇將帶大家來設置Custom Domain，讓我們的網站看起來更專業！
快速連結：為佈署好的Web App設置Custom Domain

參考

1.https://docs.microsoft.com/en-us/azure/app-service/app-service-web-get-started-html
2.https://app.pluralsight.com/player?course=azure-paas-building-global-app
3.https://zh.wikipedia.org/wiki/%E5%85%A7%E5%AE%B9%E5%82%B3%E9%81%9E%E7%B6%B2%E8%B7%AF
4.http://newaurora.pixnet.net/blog/post/128995999-cdn