迪西的程式光廊

經營網路服務，開銷是重要的考量。Azure 也備有成本管理工具可以協助用戶掌握自己的開銷。 成本預估 在首面點擊訂用帳戶進到管理介面。   在第一個頁面，就能看到這個訂用帳戶需負擔的花費。   點擊左側的「成本分析」可以檢視更詳細的資訊。 以本人使用的狀況，是虛擬機器和儲存體的開銷占大多數。 預算 這邊也有預算管理工具可以預防費用超出預期。 點擊左側的成本警示，接著點擊「新增」新增預算。   在這個畫面輸入名稱和金額（預算），注意使用的幣值。 接著在下一個頁面，輸入警示條件、電子郵件地址和通知的語言。 這裡我是設定達預算的 100% （500 元）時發出警示。 輸入完畢後，點擊「建立」新算預算。   回到成本分析，圖表會出現預算警示。 鎖定 另一個實用的工具，就是預防誤刪的鎖定功能。 進到某一個網路資源，點擊左側的「鎖定」進入鎖定頁面。 點擊畫面左上角的「新增」，輸入名稱和鎖定類型，這裡選擇「刪除」防止用戶誤刪。也可以選擇「唯讀」防止用戶更動參數。 點擊「確定」新增鎖定規則。   接著嘗試刪除這個資源......   就會收到無法刪除的提示。 用同樣的方式設定資源群組，這樣群組內的資源都會受到鎖定，避免誤刪。

Azure 有許多的工具協助用戶管理各種資源。 Application Insights 能夠更清楚地知道網路應用程式使用的資源，像是處理器的使用率和反應時間等等。掌握這些資料，就能擬訂應用程式改進的方向，提供更好的服務品質。 以之前建立的網路應用程式為例，點擊管理介面左側的 Application Insights，然後依照畫面上的指示啟用這項服務，保留預設值，按下「套用」。   接著會被引導到 Insights 的管理介面，也可以在首頁找到。  在概觀頁就有一些可查看運作情形的數據。   在即時計畫頁，可以看到即時的運作情形。 但不需要被短期的數字迷惑，觀察長期趨勢即可。 警示 為網路資源建立警示規則，可以在設備處於特定狀態時，發送電子郵件通知。可藉此訊息得知程式有無正常運作。 以下以虛擬機器為例。 在機擬機器的管理介面，點擊左側的「警訊」，再點擊 Enable 按鈕啟動服務。    在右側的視窗可以編輯想要監測的項目和數值，和通知方式。 按下「啟用」等候設定完畢後即可使用。   再次來到警訊介面，就會看到警示列表。目前還沒有資料。    點擊「警示規則」可查看已設定的所有規則。 點擊其中一個規則，可以編輯條件和警示嚴重性等資訊。  以百分比 CPU 為例，可以點擊「新增條件」新增其他的條件。依照說明，如果有多個條件的話，必須符合所有條件才會觸發警示。 也可以調整現有的條件，點擊其中一個條件，彈出調整視窗。   將這個條件調整成 CPU 使用率為 70% 以上時，發出警示。 按「完成」套用設定。   本例在虛擬機器安裝 Floding@home 示範大量使用資源的情形。   預設是在 5 分鐘內，連續 1 分鐘符合條件，就會發送通知。   並且會記載滿足條件時的相關參數。（本例是當 CPU 使用率達 80% 時） 本人實測條件變更生效後，會收到第一次符合條件的通知，在這之後即使 CPU 使用率一直處於指定的使用率之上，也不會一值收到通知。 也可以在警訊介面瀏覽之前發佈的警示。

 Azure 也能建立獨立的虛擬機器，使用體驗與 VM Ware 和 Virtual Box 雷同，只是資料是放在雲端。 以下是建立虛擬器的流程。 在首面點擊「虛擬機器」按鈕，進到管理介面。然後按一下左上角的「建立」。 在彈出的選單點點「Azure 虛擬機器」。 在建立頁面填寫相關資料： 資源群組 - 如果沒有自動新建的話，可點擊欄位下方的「新建」 連結，與這台虛擬機相關的資源都會放在一起。 虛擬機器名稱 - 取一個可以識別的名字 影像 - 本例選擇「Windows 11 Pro - Gen2」，也可以選擇「Windows 10 Pro」。 Administrator 帳戶 - 輸入可以被記住的帳號和密碼 大小 - 建議選擇雙核心 8 GB 記憶體的項目，確保虛擬機可以正常運作。（注意價格） 選取輸入連接阜：勾選 RDP（遠端桌面）、Http、Https 將「我確認我有具備多租用戶主控權限的合格 Windows 10 授權。」項目打勾。 填寫完畢後，點擊「檢閱＋建立」跳過中間的步驟。 確認資料和價格後，點擊「建立」。 在管理介面，點擊連接 -> RDP。 點擊「下載 RPD 檔案」。 在 Windows 雙擊 RDP 檔案（Mac 要下載 Microsoft Remote Desktop，將 RDP 拖至視窗中），連線到虛擬機器。 登入虛擬機器後，在控制台啟用 IIS 網路伺服器。 安裝完畢後，開啟新分頁，將管理介面提供的公用 IP 貼到網址列並連線，有看到 IIS 的初始畫面的話，就代表設定成功。

  Azure 提供儲存體功能，讓開發者將網路資料（像是網頁中的圖片）存在裡面。 這裡解說新增儲存體的流程。 建立儲存體 在首頁將游標移至「儲存體帳戶」，在出現的方塊中點擊「建立」。 也可以進到儲存體的管理介面，點擊左上角的「建立」。 在建立的畫面中輸入相關的資料： 資源群組 - 建議選擇和要使用它的服務一樣的群紅（本例是在上一篇文章建立的 Web app，附圖中的名稱僅供參考） 儲存體帳戶名稱 - 在這裡輸入的名字會是存取檔案的網址的一部分，要填寫獨一無二的名字。輸入的過程會自動檢查。 其他選項維持預設值即可。 點擊 Review 跳過其他項目，移至「檢閱＋建立」頁面。 確認沒有問題後，按下「建立」新增儲存體。   看到部署已完成的畫面後，點擊「前往資源」按鈕移至管理介面。 使用儲存體 在管理介面點擊「上傳」準備新增檔案。 點擊新建，在出現的方塊中填寫容器名稱，並將「公用存取層級」項目變更為「Blob」這樣才能透過網址讀取檔案。（本例是已新增第一個容器的情況，僅供參考） 填寫完畢後點擊「確定」。 接著點擊資料夾圖示，選擇要上傳的檔案。之後點擊「上傳」。 看到選擇的檔案都上傳完畢後，就能關閉右側的視窗。   讀取檔案 點擊「容器」-> 上傳檔案時選擇的容器（本例是「newcontainer」） 確認內有剛剛上傳的檔案。 在這裡也可以點擊「變更存取層級」，設定這個容器的存取權限。 點擊其中一個檔案，在彈出的視窗中複製 URL。 在新的分頁連上這個 URL 即可讀取檔案。 參考資料： 在這一篇文章上傳的檔案： https://dispydemo.blob.core.windows.net/newcontainer/birds-on-tree.jpg https://dispydemo.blob.core.windows.net/newcontainer/building.jpg https://dispydemo.blob.core.windows.net/newcontainer/moon.jpg

 Flutter 理論上可以覆蓋大部分平台的需求，尤其是對 Android 和 iOS 的支援，讓開發者省去一個業務邏輯，要在不同平台各實作一次的煎熬。 Flutter 也可以用來製作網頁應用程式（Web app），但苦惱的是，好不容易做好的網頁 app，卻沒有像是 Google Play 或 App Store 等平台可以發表。 Web app 也是網站的一種，需要將程式碼部署到伺服器，開通相關的線路。但要一般人為一個網站去買一台電腦、申請固定 IP 等等，就是一筆可觀的費用；還要考量到停電、踢到電線、電腦吸到貓毛等使電腦停止運作的風險。 於是市面上就有許多雲服務可以選購，而這次要講解的是 Microsoft Azure。 關於它的資訊網路上已有許多介紹，這邊就直接講重點：如何利用 Azure 架設 Flutter Web app。 建立應用程式個體   如果是新帳號，會看到快速入門中心，在這裡點擊「建立 Web 應用程式」方塊，進入新增的畫面。  如果是已經用一段時間的帳號，就會出現首頁，將滑鼠游標移至「應用程式服務」等候懸浮視窗出現，然後按「新增」。 在新增頁面，只要注意以下欄位： 名稱 - 取一個可以識別的好名字，這會搭配後綴成為一個網址。 發佈 - 這裡選擇「代碼」 執行階段堆疊 - 因 Flutter Web app 是將 dart 語言轉譯成 JavaScript 程式，所以這裡選擇最新版的 Node 16 LTS。 作業系統 - 選擇 Linux 資源群組 - 如果沒有自動新建話，就按底下的「新增」取一個可以識別的名字。如果之後要搭配其他服務的話會需要它。 地區和其他欄位 - 維持預設值即可 按下左下角的「檢閱 + 建立」跳過中間的步驟。 來到最後的確認畫面，沒有問題的話就按下「建立」。 管理應用程式 隨著引導來到應用程式的管理介面，右上角的 URL 就是這個 Web app 的網址。 連線到網站的時候，會出現這個初始畫面。 待會就要發表自己的作品。 建置 Flutter Web app 本例使用 GitHub 儲存庫做為儲存程式的地方。 注意這和原始碼是不同的，需要建立一個專門用來部署的儲存庫。 儲存庫建立的過程這裡不多做說明，附圖是儲存庫最終的樣子。 接著利用 npm 建立 Web 應用程式。 首先在電腦裡新增 Web...