iT邦幫忙

2019 iT 邦幫忙鐵人賽

DAY 2
2
Everything on Azure

三十天.NET❤️Azure漸進式開發專案系列 第 2

三十天.NET與Azure漸進式開發專案(2):Azure WebAPP - 網頁設定,簡單網頁監控,編輯

影片(點擊圖片轉到Youtube)

Yes


性能調整

延續上一篇文章,接著介紹當程式上到雲端後,需要的細節調整、監控

【第一步】進到Microsoft Azure管理頁面,點開之前建立的 Azure Web Service 專案

【第二步】點開應用程式設定 > 選擇HTTP版本2.0
2018-11-13.08.36.34-image.png

使用 HTTP2.0 其中一個好處是減少connection數量,提高效能,舉例:

網站有gif、js、css資源載入的時候,瀏覽器建立"一個"而不是多個connection去跟server要資料,假如有SQL Server經驗讀者,可以知道connection是一個珍貴的資源,要節省使用。

接著當我們打開開發人員工具可以看到當網頁載入的時候,四個資源使用h2 protocol共用同一個connection
2018-10-07.23.03.57-image.png

假如測試時候沒看到h2 protocol,是因為已經載入過的資源會有緩存,Protocol會顯示 http1.1 並且 connectionID為0
2018-10-07.23.04.09-image.png

假如搭配asp.net core技術,可以讓動態渲染網頁達到高效能跑分,舉例之前專案到webpagetest測試得到 A、A、A、A、A 分數,重點只使用免費F1專案,測試連結WebPagetest Test Result
2018-10-07.23.04.16-image.png

網域設定方面

現在Google強調https的安全性時代,假如沒有https會在搜尋排行扣分,所以想棄用HTTP只使用HTTPS,可以在自訂網域勾選僅限HTTPS
2018-11-13.08.54.26-image.png

使用者用http進入網頁會自動導向https開頭網域,另外假如想要使用自訂網域,也可以在這邊購買、使用。
2018-11-13.10.26.29-image.png

監控app健康狀況、流量

個人發布專案時習慣使用Application Insights,之後可以在概觀、Application Insights看到程式的運行狀況,如:網頁接收多少個請求,本周流量..等,非常好用,可以判斷線上專案狀況。
2018-10-07.23.04.44-image.png

這邊特別點,使用Application Insights會在WebAPP程式,網頁植入JS腳本,並且建立WebJob工作處理資料分析,千萬不要刪除!
2018-10-07.23.04.49-image.png

2018-11-13.11.49.02-image.png

簡單遠端查看、編輯、Git操作

假如想要簡單了解雲端檔案狀況,不想使用FTP,可以使用AppService編輯器
2018-10-07.23.05.14-image.png

可以簡單檢查檔案內容、狀況,甚至可以做編輯動作(建議沒特殊情況,不要線上編輯)
2018-10-07.23.05.19-image.png

AppService本身也支持Git方便做簡單的推拉操作,可以用來備份資料,或是做持續更新
2018-10-07.23.05.23-image.png

也支援 Console 可以執行文字命令,像git remote、特殊設定操作..等
2018-10-07.23.05.37-image.png

舉例,像是我本身在 Azure DevOps 有建立Team專案,所以當 WebAPP 有 git commit 狀況,我都可以在上面查看 git log (詳細使用後面會講解)
2018-10-07.23.05.28-image.png


結論 

Azure Web Service(WebApp)簡化原本繁雜設定,又兼具效能跟開發速度,建議讀者可以親手建立一個專案來嘗試。

紀錄:第二天,Azure總花費金額:0


上一篇
三十天.NET與Azure漸進式開發專案(1):介紹,快速開始
下一篇
三十天.NET與Azure漸進式開發專案(3):App Service備份、Git遠端備份
系列文
三十天.NET❤️Azure漸進式開發專案30

尚未有邦友留言

立即登入留言