內容

• 前置準備作業
• 刪除 Azure Recovery Services vaults 所備份的資料

前置準備作業

• 已建立 Azure 帳號並能正常登入
  • https://portal.azure.com/

刪除 Azure Recovery Services vaults 所備份的資料

Step 1. 點選所建立的 Azure Recovery Services vaults 服務 > 再點選左側的 Properties > 再點選 Security Settings 中的 Update

Step 2. 修改相關資訊

• 取消勾選 Enable soft delete for cloud workloads 項目
• 取消勾選 Enable soft delete and security settings for hybrid workloads 項目
• 以上欄位取消勾選後，點選下方的 Update

Step 3. 刪除所備份的項目

• 點選左側的 Backup Items > 點選所要刪除的項目 ( 本範例為 Azure Backup Agent )

• 點選 View details

• 複製 Computer name ( 最後的 . 也要複製 ) > 再點選 Computer name

• 點選 Delete

• 輸入相關資訊
  
  • Type the server name 欄位請輸入之前所複製的 Computer name
  • Reason 欄位請選擇符合的選項
  • Comments 欄位請說明原因
  • 勾選 There is backup data of <b>1</b> backup items associated with this server.I understand that clicking "Confirm" will permanently delete all the cloud backup data. This action cannot be undone. An alert may be sent to the administrators of this subscription notifying them of this deletion. 欄位
  • 以上欄位輸入完成後，請點選 Delete

• 刪除完成

GitHub

• ArcherHuang @ GitHub

List of blogs

• https://learningsky.io/author/archer/
• https://medium.com/@mmosconii

內容

• 學習目標
• 前置準備作業
• 流程
• 建立 Azure Recovery Services vaults
• 安裝 Backup Agent 與註冊
• 設定備份
• 執行檔案備份
• 執行檔案還原
• 執行掛載磁區卸載

前置準備作業

• 已建立 Azure 帳號並能正常登入
  • https://portal.azure.com/
• 一台已連網路的 Windows 電腦，會用此台電腦進行備份與還原

流程

• 建立 Azure Recovery Services vaults 服務，再下載建立完成後所產生的 MARS Agent 與 憑證 Credential 檔案
• 於 Windows 環境安裝 MARS Agent 並透過 憑證 Credential 檔案進行註冊
• 透過 MARS Agent 進行備份週期與備份來源設定
• 透過手動先進行首次的來源備份
• 依還原需求透過 MARS Agent 進行還原環境掛載至本地端 Windows 環境

建立 Azure Recovery Services vaults

Step 1. 選擇 Azure Recovery Services vaults 服務

於上方搜尋框輸入 Recovery Services vaults > 再點選 Recovery Services vaults 的搜尋結果

Step 2. 點選 + Create

Step 3. 輸入相關資訊

• Subscription 欄位請選擇所要使用的訂閱。
• Resource group 欄位請輸入可識別的名稱，本範例使用 rsv-sample。
• Vault name 欄位請輸入唯一且可識別的名稱，本範例使用 rsv-sample。
• Region 欄位請選擇所要使用服務的所在位置。
• 以上資訊輸入完成後點選 Review + create。

Step 4. 確認資訊後點選 Create

Step 5. 建立過程中

Step 6. 建立完成

• 點選 Go to resource

設定、安裝 Backup Agent 與註冊

Step 1. 於 Recovery Services vaults 進行 Backup 設定

• 點選左側的 Backup

• 輸入相關資訊
  

  • Where is your workload running 欄位請選擇 On-Premises
  • What do you want to backup? 欄位請選擇 Files and folders
  • 以上欄位選擇完成，請點選 Prepare Infrastructure
    

• 下載 Agent 與認證檔

  • 點選 Download Agent for Windows Server or Windows Client 以進行 Agent 下載動作，檔名為 MARSAgentInstaller.exe
  • 勾選 Already downloaded or using the latest Recovery Services Agent後，請點選 Download 以進行認證檔下載動作，檔名為 服務名稱_星期 月 日 年.VaultCredentials，本範例的檔案為 rsv-sample_Wed Sep 06 2023.VaultCredentials

Step 2. 安裝 MARS Agent

• 請於 Windows 環境點選剛下載的 MARSAgentInstaller.exe > 點選 下一步

• 點選 下一步

• 依需求選擇後，再點選 下一步

• 點選 安裝

• 安裝過程中

• 點選右下角的 繼續註冊(P)

• 點選 瀏覽 按鈕來匯入憑證檔案

• 點選 下一步

• 輸入密碼

• 與選擇密碼存放的位置

• 點選 完成

• 點選 關閉

設定備份

Step 1. 點選右邊的 排程備份

Step 2. 點選 下一步

Step 3. 點選 新增項目

Step 4. 選擇所要備份的來源

Step 5. 點選 下一步

Step 6. 選擇備份的時間間隔後，點選 下一步

Step 7. 選擇副本保留原則後，點選 下一步

Step 8. 選擇傳輸備份選項後，點選 下一步

Step 9. 點選 完成

Step 10. 排程備份設定過程

Step 11. 設定完成

執行檔案備份

Step 1. 選擇右側的 立即備份

Step 2. 選擇 下一步

Step 3. 選擇備份保留截止日期後，點選 下一步

Step 4. 點選 備份

Step 5. 備份過程中

Step 6. 備份完成

執行檔案還原

Step 1. 點選右側的 復原資料

Step 2. 點選 下一步

Step 3. 點選 下一步

Step 4. 選擇復原項目後，點選 下一步

Step 5. 選擇磁區

Step 6. 選期要還原的日期後，點選 接受

Step 7. 還原過程中

Step 8. 點選 瀏覽

Step 9. 點選 確定

Step 10. 已掛載所備份的環境到本地端電腦

執行掛載磁區卸載

Step 1. 卸載所掛載的磁區

• 點選右下角的 卸載

• 點選 是(Y) 後，以進行卸載動作

GitHub

• ArcherHuang @ GitHub

List of blogs

• https://learningsky.io/author/archer/
• https://medium.com/@mmosconii

內容

• 前置準備作業
• 建立 Azure App Service 與設定
• 部署程式到 Azure App Service 的 Production 環境
• 驗證 Production 環境
• 部署程式到 Azure App Service 的 Stage 環境
• 驗證 Stage 環境
• Production 與 Stage 環境進行互換

前置準備作業

• 已建立 Azure 帳號並能正常登入
  • https://portal.azure.com/
• 已有 GitHub 帳號並已建立一個新的 Repository
  • https://github.com
• 已於電腦端安裝 IDE，本範例使用 Visual Studio Code ( VSCode )
  • https://code.visualstudio.com/
• 已於 VSCode 安裝 Azure App Service 套件
  • https://marketplace.visualstudio.com/items?itemName=ms-azuretools.vscode-azureappservice
• 已於 VSCode 成功登入到 Azure

建立 Azure App Service 與設定

Step 1. 選擇 Azure App Service 服務

• 於上方搜尋框輸入 app service > 再點選 App Services 的搜尋結果

• 點選 + Create > 再點選 + Web App

• 輸入相關資訊
  

  • Subscription 欄位請選擇所要使用的訂閱。
  • Resource group 欄位請輸入可識別的名稱，本範例使用 slot-sample。
  • Name 欄位請輸入唯一且可識別的名稱，本範例使用 slot-sample。
  • Publish 欄位請選擇 Code。
  • Runtime stack 欄位請選擇 Node 18 LTS。
  • Operating System 欄位請選擇 Linux。
  • Location 欄位請選擇所要使用服務的所在位置。
  • Linux Plan 欄位請選擇 Standard (含) 以上的規格。
    • https://learn.microsoft.com/en-us/azure/azure-resource-manager/management/azure-subscription-service-limits#app-service-limits
  • 以上資訊輸入完成後點選 Review + create。
    

• 點選 Create

• 點選 Go to resource

Step 2. 新增 Production 環境的 Config

• 點選左側的 Configuration > 再點選 + New application setting

• 輸入相關資訊
  

  • Name 欄位請輸入 info
    • 程式中會使用到此 Key。
  • Value 欄位請輸入 Version: V1
  • 以上資訊輸入完成後，點選 OK
    

• 點選上方的 Save

• 點選 Continue

• 建立完成

Step 3. 建立 Stage 環境

• 點選左側的 Deployment slots > 再點選上方的 + Add Slot

• 輸入相關資訊
  

  • Name 欄位請輸入唯一且可識別的名稱，本範例使用 stage。
  • 以上資訊輸入完成後，點選 Add
    

• 建立完成

Step 4. 新增 Stage 環境的 Config

• 點選所建立的 slot，本範例為 slot-sample-stage。

• 點選左側的 Configuration > 再點選 + New application setting

• 輸入相關資訊
  

  • Name 欄位請輸入 info
    • 程式中會使用到此 Key。
  • Value 欄位請輸入 Version: V2
  • 以上資訊輸入完成後，點選 OK
    

• 點選上方的 Save

• 點選 Continue

• 建立完成

部署程式到 Azure App Service 的 Production 環境

Step 1. 下載範例程式

• https://github.com/ArcherHuang/Azure_App_Service_Slot

Step 2. 部署程式到 Production 環境

• 透過 VSCode 開啟 Step 1 所下載的程式 > 再點選左側 ... 中的 Azure

• 點選 >

• 點選所建立的 Azure App Service ( 本範例為 slot-sample ) 的右鍵選單 > 再點選 Deploy to Web App...

• 選擇專案所在位置

• 點選 Yes

• 點選 Deploy

• 部署過程中

• 部署完成

驗證 Production 環境

Step 1. 開啟 Production 的頁面

• 回到所建立的 Azure App Service 的 Overview > 點選上方的 Browser

Step 2. 出現 Production 所設定的 V1 字樣

部署程式到 Azure App Service 的 Stage 環境

Step 1. 部署程式

• 點選所建立的 Azure App Service ( 本範例為 slot-sample ) 左側的 >

• 點選所建立的 Deployment Slots 左側的 >

• 點選所建立的 Slot ( 本範例為 stage ) 的右鍵選單 > 再點選 Deploy to Slot...

• 選擇專案所在位置

• 點選 Deploy

• 部署過程中

• 部署完成

驗證 Stage 環境

Step 1. 開啟 Stage 的頁面

• 回到所建立 Stage 的 Overview > 點選上方的 Browser

Step 2. 出現 Stage 所設定的 V2 字樣

Production 與 Stage 環境進行互換

Step 1. 環境互換

• 點選左側的 Deployment slots > 再點選 Swap

• 輸入相關資訊

  • Source 欄位請選擇 slot-sample-stage
  • Target 欄位請選擇 slot-sample
  • 以上欄位填寫完成後，請點選 Swap ( 要花一些時間進行交換 )
    

• 交換完成

Step 2. 驗證 Production 環境是否為之前的 Stage 環境

• 開啟 Production 的頁面
  • 回到所建立的 Azure App Service 的 Overview > 點選上方的 Browser

• 出現交換前 Stage 環境所設定的 V2 字樣

Step 3. 驗證 Stage 環境是否為之前的 Production 環境

• 開啟 Stage 的頁面
  • 回到所建立 Slot 的 Overview > 點選上方的 Browser

• 出現交換前 Production 環境所設定的 V1 字樣

Sample Code

• https://github.com/ArcherHuang/Azure_App_Service_Slot

GitHub

• ArcherHuang @ GitHub

List of blogs

• https://learningsky.io/author/archer/
• https://medium.com/@mmosconii

內容

• 前置準備作業
• 建立 Azure App Service 與設定
• 設定 GitHub Secret
• 部署程式到 Azure App Service 的 Production 環境
• 驗證 Production 環境
• 修改 GitHub Secret
• 部署程式到 Azure App Service 的 Stage 環境
• 驗證 Stage 環境
• Production 與 Stage 環境進行互換

前置準備作業

• 已建立 Azure 帳號並能正常登入
  • https://portal.azure.com/
• 已有 GitHub 帳號並已建立一個新的 Repository
  • https://github.com
• 已於電腦端安裝 IDE，本範例使用 Visual Studio
  • https://code.visualstudio.com/

建立 Azure App Service 與設定

Step 1. 選擇 Azure App Service 服務

• 於上方搜尋框輸入 app service > 再點選 App Services 的搜尋結果

• 點選 + Create > 再點選 + Web App

• 輸入相關資訊
  

  • Subscription 欄位請選擇所要使用的訂閱。
  • Resource group 欄位請輸入可識別的名稱，本範例使用 slot-sample。
  • Name 欄位請輸入唯一且可識別的名稱，本範例使用 slot-sample。
  • Publish 欄位請選擇 Code。
  • Runtime stack 欄位請選擇 Node 18 LTS。
  • Operating System 欄位請選擇 Linux。
  • Location 欄位請選擇所要使用服務的所在位置。
  • Linux Plan 欄位請選擇 Standard (含) 以上的規格。
    • https://learn.microsoft.com/en-us/azure/azure-resource-manager/management/azure-subscription-service-limits#app-service-limits
  • 以上資訊輸入完成後點選 Review + create。
    

• 點選 Create

• 點選 Go to resource

Step 2. 新增 Production 環境的 Config

• 點選左側的 Configuration > 再點選 + New application setting

• 輸入相關資訊
  

  • Name 欄位請輸入 info
    • 程式中會使用到此 Key。
  • Value 欄位請輸入 Version: V1
  • 以上資訊輸入完成後，點選 OK
    

• 點選上方的 Save

• 點選 Continue

• 建立完成

Step 3. 建立 Stage 環境

• 點選左側的 Deployment slots > 再點選上方的 + Add Slot

• 輸入相關資訊
  

  • Name 欄位請輸入唯一且可識別的名稱，本範例使用 stage。
  • 以上資訊輸入完成後，點選 Add
    

• 建立完成

Step 4. 新增 Stage 環境的 Config

• 點選所建立的 slot，本範例為 slot-sample-stage。

• 點選左側的 Configuration > 再點選 + New application setting

• 輸入相關資訊
  

  • Name 欄位請輸入 info
    • 程式中會使用到此 Key。
  • Value 欄位請輸入 Version: V2
  • 以上資訊輸入完成後，點選 OK
    

• 點選上方的 Save

• 點選 Continue

• 建立完成

設定 GitHub Secret

Step 1. 取得 Production 的 Publish profile

• 回到所建立的 Azure App Service 的 Overview > 點選上方的 Download publish profile

Step 2. 設定 GitHub Action 部署程式到 Azure App Service 中所使用的 Publish profile

• 點選 GitHub 上方的 Settings > 再點選 Secrets and variables 中的 Actions

• 點選 New repository secret

• 輸入相關資訊
  

  • Name 欄位請輸入 AZURE_WEBAPP_PUBLISH_PROFILE
  • Secret 欄位請輸入 設定 GitHub Secret 段落中 Step 1 所下載的 Publish profile 檔案的內容
  • 以上資訊輸入完成後，點選 Add secret
    

• 建立完成

部署程式到 Azure App Service 的 Production 環境

Step 1. 下載範例程式

• https://github.com/ArcherHuang/Azure_App_Service_Slot

Step 2. 建立 GitHub Action 要使用的 YAML 檔

• 在範例程式中的根目錄新增 .github/workflows/workflow.yml 檔案並輸入以下的內容
  • 請修改第 6 行後面的 APP-SERVICE-NAME 為 建立 Azure App Service 與設定 段落中 Step 1 所使用的名稱。
  • 請修改第 7 行後面的 APP-SERVICE-SLOG-NAME 為 建立 Azure App Service 與設定 段落中 Step 3 所使用的名稱。
  • 程式目錄結構

  .
  └── Azure_App_Service_Slot
      ├── .github
      |   └── workflows
      |       └── workflow.yml
      ├── index.js
      ├── memo.md
      ├── package-lock.json
      └── package.json
  

Step 3. 將程式 Push 到 GitHub 並查看 GitHub Action 的狀態

• 執行 GitHub Action 中

• 執行完成

驗證 Production 環境

Step 1. 開啟 Production 的頁面

• 回到所建立的 Azure App Service 的 Overview > 點選上方的 Browser

Step 2. 出現 Production 所設定的 V1 字樣

修改 GitHub Secret

Step 1. 取得 Stage 的 Publish profile

• 回到所建立 Stage 的 Overview > 點選上方的 Download publish profile

Step 2. 修改 GitHub Action 部署程式到 Azure App Service 中所使用的 Publish profile

• 點選 GitHub 上方的 Settings > 再點選 Secrets and variables 中的 Actions

• 點選 AZURE_WEBAPP_PUBLISH_PROFILE 旁的畫筆

• 輸入相關資訊
  

  • Name 欄位請輸入 AZURE_WEBAPP_PUBLISH_PROFILE
  • Value 欄位請輸入 修改 GitHub Secret 段落中 Step 1 所下載的 Publish profile 檔案的內容
  • 以上資訊輸入完成後，點選 Update secret
    

• 修改完成

部署程式到 Azure App Service 的 Stage 環境

Step 1. 修改 workflow.yml

• 開啟 .github/workflows/workflow.yml 檔案並將第 30 行前面的 # 刪除
  • 請修改第 6 行後面的 APP-SERVICE-NAME 為 建立 Azure App Service 與設定 段落中 Step 1 所使用的名稱。
  • 請修改第 7 行後面的 APP-SERVICE-SLOG-NAME 為 建立 Azure App Service 與設定 段落中 Step 3 所使用的名稱。

Step 2. 將程式 Push 到 GitHub 並查看 GitHub Action 的狀態

• 執行 GitHub Action 中

• 執行完成

驗證 Stage 環境

Step 1. 開啟 Stage 的頁面

• 回到所建立 Stage 的 Overview > 點選上方的 Browser

Step 2. 出現 Stage 所設定的 V2 字樣

Production 與 Stage 環境進行互換

Step 1. 環境互換

• 點選左側的 Deployment slots > 再點選 Swap

• 輸入相關資訊

  • Source 欄位請選擇 slot-sample-stage
  • Target 欄位請選擇 slot-sample
  • 以上欄位填寫完成後，請點選 Swap ( 要花一些時間進行交換 )
    

• 交換完成

Step 2. 驗證 Production 環境是否為之前的 Stage 環境

• 開啟 Production 的頁面
  • 回到所建立的 Azure App Service 的 Overview > 點選上方的 Browser

• 出現交換前 Stage 環境所設定的 V2 字樣

Step 3. 驗證 Stage 環境是否為之前的 Production 環境

• 開啟 Stage 的頁面
  • 回到所建立 Slot 的 Overview > 點選上方的 Browser

• 出現交換前 Production 環境所設定的 V1 字樣

Sample Code

• https://github.com/ArcherHuang/Azure_App_Service_Slot

GitHub

• ArcherHuang @ GitHub

List of blogs

• https://learningsky.io/author/archer/
• https://medium.com/@mmosconii

Azure Traffic Management Lab

• 配置實驗環境
• 配置 hub & spoke 網路拓撲
• 於 hub & spoke 網路拓撲中配置路由
• 實作 Azure Load Balancer
• 實作 Azure Application Gateway

本篇文章內容

• 前置準備作業
• 架構
• 建立服務所使用的名稱
• 建立 Azure Application Gateway
• 測試與驗證

前置準備作業

• 已建立 Azure 帳號並能正常登入
  • https://portal.azure.com/
• 已安裝 Azure CLI 並透過 az login 指令登入成功
  • https://learn.microsoft.com/en-us/cli/azure/install-azure-cli

架構

建立服務所使用的名稱

• VNet

• VM & NIC

建立 Azure Application Gateway

Step 1. 選擇 Virtual network 服務

• 於上方搜尋框輸入 VNet > 再點選 Virtual network 的搜尋結果

• 之前透過指令所建立的 VNet

Step 2. 建立給 Azure Application Gateway 用的 Subnet

• 點選 vnet-01 > 點選左側的 Subnets > 再點選上方的 + Subnet

• 輸入相關資訊
  • Name 欄位請輸入 subnet-appgw
  • Subnet address range 欄位請輸入 10.1.3.224/27
  • 其他欄位使用預設值
  • 以上資訊輸入完成後點選 Save

• 建立完成

Step 3. 選擇 Azure Application Gateway 服務

• 於上方搜尋框輸入 Application Gateway > 再點選 Application Gateway 的搜尋結果

Step 4. 填寫 Basic 資訊

• 點選 + Create

• 輸入相關資訊
  • Resource group 欄位請選擇 traffic-management-rg-01
  • Application gateway name 欄位請輸入 tm-appgw
  • Region 欄位請選擇 West US
  • Tier 欄位請選擇 Standard V2
  • Enable autoscaling 欄位請選擇 No
  • Instance count 欄位請輸入 2
  • HTTP2 欄位請選擇 Disabled
  • Virtual network 欄位請選擇 vnet-01
  • Subnet 欄位請選擇 subnet-appgw (10.1.3.224/27)
  • 以上資訊填寫完請點選 Next: Frontends

Step 4. 填寫 Frontends 資訊

• 輸入相關資訊
  
  • Frontend IP address type 欄位請選擇 Public
  • Public IP address 欄位請選擇 Add new
    
    • Name 欄位請輸入 tm-pip2
    • 以上資訊填寫完請點選 OK
      
  • 以上資訊填寫完請點選 Next: Backends
    

Step 5. 填寫 Backends 資訊

• 點選 Add a backend pool

• 輸入相關資訊
  
  • Name 欄位請輸入 tm-appgw-be
  • Add backend pool without targets 欄位請選擇 No
  • Target type 區塊
    • 選擇 IP address or FQDN 並於後方輸入 10.2.3.33
    • 選擇 IP address or FQDN 並於後方輸入 10.3.5.55
      
    • 以上資訊填寫完請點選 Add
  • 以上資訊填寫完請點選 Next: Configuration

Step 6. 填寫 Configuration 資訊

• 點選 + Add a routing rule

• 輸入相關資訊
  

  • Rule name 欄位請輸入 tm-appgw-rl1
  • Priority Value 欄位請輸入 10
  • Listener 區塊
    • Listener name 欄位請輸入 tm-appgw-rl1l1
    • Frontend IP 欄位請選擇 Public
    • Protocol 欄位請選擇 HTTP
    • Port 欄位請輸入 80
    • Listener type 欄位請選擇 Basic
    • Bad Gateway - 502 欄位免填
    • Forbidden - 403 欄位免填
      
  • Backend targets 區塊
    
    • Target type 欄位請選擇 Backend pool
    • Backend target 欄位請輸入 tm-appgw-be
    • Backend settings 欄位請選擇 Add new
      
    • Backend settings Name 欄位請輸入 tm-appgw-http
    • Backend protocol 欄位請選擇 HTTP
    • Backend port 欄位請輸入 80
    • Cookie-based affinity 欄位請選擇 Disable
    • Connection draining 欄位請選擇 Disable
    • Request time-out (seconds) 欄位請輸入 20
    • 以上資訊填寫完請點選 Add
      
  • 以上資訊填寫完請點選 Add
    

• 點選 Next: Tags

• 點選 Next: Review + create

• 點選 Create

• 建立過程中

• 建立完成

測試與驗證

Step 1. 選擇 Azure Application Gateway 服務

• 於上方搜尋框輸入 Application Gateway > 再點選 Application Gateway 的搜尋結果

Step 2. 取得 Public IP address

Step 3. 用電腦瀏覽器 ( Chrome ) 開啟 Step 2 所取得的 Public IP address

• 瀏覽器輸入 Public IP 後透過 Azure Load Balancer 連線到 vm-33

Step 4. 用電腦瀏覽器 ( Edge ) 開啟 Step 2 所取得的 Public IP address

• 瀏覽器輸入 Public IP 後透過 Azure Load Balancer 連線到 vm-55

GitHub

• ArcherHuang @ GitHub

List of blogs

• https://learningsky.io/author/archer/
• https://medium.com/@mmosconii

Azure Traffic Management Lab

• 配置實驗環境
• 配置 hub & spoke 網路拓撲
• 於 hub & spoke 網路拓撲中配置路由
• 實作 Azure Load Balancer
• 實作 Azure Application Gateway

本篇文章內容

• 前置準備作業
• 架構
• 建立服務所使用的名稱
• 建立 Azure Load Balancer
• 測試與驗證

前置準備作業

• 已建立 Azure 帳號並能正常登入
  • https://portal.azure.com/
• 已安裝 Azure CLI 並透過 az login 指令登入成功
  • https://learn.microsoft.com/en-us/cli/azure/install-azure-cli

架構

建立服務所使用的名稱

• VNet

• VM & NIC

建立 Azure Load Balancer

Step 1. 選擇 Load balancers 服務

• 於上方搜尋框輸入 Load balancers > 再點選 Load balancers 的搜尋結果

Step 2. 點選 + Create

Step 3. 輸入 Basic 資訊

• 輸入相關資訊
  • Resource group 欄位請選擇 traffic-management-rg-01
  • Name 欄位請輸入 traffic-management-lb
  • West US 欄位請選擇 West US
  • SKU 欄位請選擇 Standard
  • Type 欄位請選擇 Public
  • Tier 欄位請選擇 Regional
  • 以上欄位填完後點選右下角的 Next:Frontend IP configuration

Step 4. 輸入 Frontend IP configuration 資訊

• 點選 + Add a frontend IP configuration

• 輸入相關資訊
  • Name 欄位請輸入 tm-fe
  • IP version 欄位請選擇 IPv4
  • IP type 欄位請輸入 IP address
  • Public IP address 欄位請點選 Create new
    • Name 欄位請輸入 tm-pip1
    • SKU 欄位請選擇 Standard
    • Tier 欄位請選擇 Regional
    • Assignment 欄位請選擇 Static
    • Routing Preference 欄位請選擇 Microsoft network
    • 以上資訊填完後點選 OK
  • Gateway Load Balancer 欄位請選擇 None
  • 以上資訊填完後點選 Add

• 點選右下角的 Next:Backend pool

Step 5. 輸入 Backend pools 資訊

• 點選 + Add a backend pool

• 輸入相關資訊
  • Name 欄位請輸入 tm-lb-be
  • Virtual network 欄位請選擇 vnet-01
    
  • Backend Pool Configuration 欄位請選擇 NIC
  • 點選 IP configurations 中的 + Add
    
  • 點選 vm-11 與 vm-22，點選完成後，按左下角的 Add
    
  • 點選左下角的 Save
    
  • 以上欄位填寫完成後，按右下角的 Next:Inbound rules
    

Step 6. 輸入 Inbound rules 資訊

• 點選 Add a load balancing rule

• 輸入相關資訊

  • Name 欄位請輸入 tm-lb-lbrule
  • IP Version 欄位請選擇 IPv4
  • Frontend IP Address 欄位請選擇 tm-fe (To be created)
  • Backend pool 欄位請選擇 tm-lb-be
  • Protocol 欄位請選擇 TCP
  • Port 欄位請選擇 80
  • Backend port 欄位請選擇 80
  • Health probe 欄位請點選 Create new
    • Name 欄位請輸入 tm-lb-hp
    • Protocol 欄位請輸入 TCP
    • Port 欄位請輸入 80
    • Interval (seconds) 欄位請輸入 5
    • 以上欄位填完後點選 Save
      
  • Session persistence 欄位請選擇 None
  • Idle timeout (minutes) 欄位請輸入 4
  • Enable TCP reset 欄位不用點選
  • Floating IP 欄位不用點選
  • Outbound source network address translation (SNAT) 欄位請選擇 Recommended
  • 以上欄位填完後點選 Save
    
    
    
  • 點選左下角的 Review and create
    

• 確認相關資訊後點選 Create

• 建立過程中

• 點選 Go to resource

測試與驗證

Step 1. 取得 Public IP

• 點選左側的 Frontend IP configuration

Step 2. 用電腦瀏覽器 ( Chrome ) 開啟 Step 1 所取得的 Public IP

• 瀏覽器輸入 Public IP 後透過 Azure Load Balancer 連線到 vm-11

Step 3. 用電腦瀏覽器 ( Edge ) 開啟 Step 1 所取得的 Public IP

• 瀏覽器輸入 Public IP 後透過 Azure Load Balancer 連線到 vm-22

GitHub

• ArcherHuang @ GitHub

List of blogs

• https://learningsky.io/author/archer/
• https://medium.com/@mmosconii

Azure Traffic Management Lab

• 配置實驗環境
• 配置 hub & spoke 網路拓撲
• 於 hub & spoke 網路拓撲中配置路由
• 實作 Azure Load Balancer
• 實作 Azure Application Gateway

本篇文章內容

• 前置準備作業
• 架構
• 建立服務所使用的名稱
• 啟用 IP forwarding
• 建立 VNet02 到 VNet03 的路由
• 建立 VNet03 到 VNet02 的路由
• 透過 Azure Network Watcher 進行連線測試

前置準備作業

• 已建立 Azure 帳號並能正常登入
  • https://portal.azure.com/
• 已安裝 Azure CLI 並透過 az login 指令登入成功
  • https://learn.microsoft.com/en-us/cli/azure/install-azure-cli

架構

建立服務所使用的名稱

• VNet

• VM & NIC

啟用 IP forwarding

Step 1. 選擇 VM 服務

• 於上方搜尋框輸入 vm > 再點選 Virtual machines 的搜尋結果

• 之前透過指令所建立的 VM-11、VM-22、VM-33、VM-55

Step 2. 於 VM-11 進行設定

• 點選 VM-11 的 VM > 點選左側的 Networking > 點選 Network Interface: nic-11

• 點選左側的 IP configurations > 勾選 Enable IP forwarding > 再點選下方的 Apply

• 回到 vm-11 操作頁面 > 點選左側的 Run command > 再點選 RunPowerShellScript

• 於 PowerShell Script 輸入框輸入下方指令，再點選 Run

• 執行完成

• 再輸入以下指令

• 執行完成

建立 VNet02 到 VNet03 的路由

Step 1. 建立路由表

• 於上方搜尋框輸入 Route tables > 再點選 Route tables 的搜尋結果

• 點選 + Create

• 輸入相關資訊
  • Resource group 欄位請選擇 traffic-management-rg-02
  • Location 欄位請選擇 West US
  • Name 欄位請輸入 rt-vnet-02-03
  • 以上資訊輸入完成後點選 Review + create

• 點選 Create

• 點選 Go to resource

• 點選左側的 Routes > 再點選 Add

• 輸入相關資訊
  • Route name 欄位請輸入 route-vnet02-to-vnet03
  • IP Addresses 欄位請選擇 IP Address
  • Destination IP addresses/CIDR ranges 欄位請輸入 10.3.5.0/24
  • Next hop type 欄位請選擇 Virtual appliance
  • Next hop address 欄位請選擇 10.1.1.11
  • 以上欄位輸入完成後點選 Add

• 建立完成

• 點選左側的 Subnets > 再點選上方的 + Associate

• 輸入相關資訊
  • Virtual network 欄位請選擇 vnet-02 ( traffic-management-rg-02 )
  • Subnet 欄位請選擇 subnet-03
  • 以上資訊選擇完成後點選 OK

• 建立完成

建立 VNet03 到 VNet02 的路由

Step 1. 建立路由表

• 於上方搜尋框輸入 Route tables > 再點選 Route tables 的搜尋結果

• 點選 + Create

• 輸入相關資訊
  • Resource group 欄位請選擇 traffic-management-rg-03
  • Location 欄位請選擇 West US 2
  • Name 欄位請輸入 rt-vnet-03-02
  • 以上資訊輸入完成後點選 Review + create

• 點選 Create

• 點選 Go to resource

• 點選左側的 Routes > 再點選 Add

• 輸入相關資訊
  • Route name 欄位請輸入 route-vnet03-to-vnet02
  • IP Addresses 欄位請選擇 IP Address
  • Destination IP addresses/CIDR ranges 欄位請輸入 10.2.3.0/24
  • Next hop type 欄位請選擇 Virtual appliance
  • Next hop address 欄位請選擇 10.1.1.11
  • 以上欄位輸入完成後點選 Add

• 建立完成

• 點選左側的 Subnets > 再點選上方的 + Associate

• 輸入相關資訊
  • Virtual network 欄位請選擇 vnet-03 ( traffic-management-rg-03 )
  • Subnet 欄位請選擇 subnet-05
  • 以上資訊選擇完成後點選 OK

• 建立完成

透過 Azure Network Watcher 進行連線測試

Step 1. 測試 vm-33 ( vnet-02 ) 連到 vm-55 ( vnet-03 ) ( 10.3.5.55 ) 的 80 Port

• 點選左側的 Connection troubleshoot

• 輸入相關資訊
  • Subscription 欄位請選擇所要使用的訂閱。
  • Resource group 欄位請選擇 traffic-management-rg-02
  • Source type 欄位請選擇 Virtual machine
  • Virtual machine 欄位請選擇 vm-33
  • Destination type 欄位請選擇 Specify manually
  • URI, FQDN, or IP address 欄位請輸入 10.3.5.55
  • Protocol 欄位請選擇 TCP
  • Destination port 欄位請輸入 80
  • Source port (optional) 欄位不用輸入
  • Diagnostic test 欄位請選擇 Connectivity、NSG diagnostic、Next hop，而 Port scanner 不用選。
  • 以上資訊輸入完成後點選 Run diagnostic test ( 執行會花不少時間 )

• 執行完成

Step 2. 測試 vm-33 ( vnet-02 ) 連到 vm-55 ( vnet-03 ) ( 10.3.5.55 ) 的 3389 Port

• 點選左側的 Connection troubleshoot

• 輸入相關資訊
  • Subscription 欄位請選擇所要使用的訂閱。
  • Resource group 欄位請選擇 traffic-management-rg-02
  • Source type 欄位請選擇 Virtual machine
  • Virtual machine 欄位請選擇 vm-33
  • Destination type 欄位請選擇 Specify manually
  • URI, FQDN, or IP address 欄位請輸入 10.3.5.55
  • Protocol 欄位請選擇 TCP
  • Destination port 欄位請輸入 3389
  • Source port (optional) 欄位不用輸入
  • Diagnostic test 欄位請選擇 Connectivity、NSG diagnostic、Next hop，而 Port scanner 不用選。
  • 以上資訊輸入完成後點選 Run diagnostic test ( 執行會花不少時間 )

• 執行完成

Step 3. 測試 vm-55 ( vnet-03 ) 連到 vm-33 ( vnet-02 ) ( 10.2.3.33 ) 的 80 Port

• 點選左側的 Connection troubleshoot

• 輸入相關資訊
  • Subscription 欄位請選擇所要使用的訂閱。
  • Resource group 欄位請選擇 traffic-management-rg-03
  • Source type 欄位請選擇 Virtual machine
  • Virtual machine 欄位請選擇 vm-55
  • Destination type 欄位請選擇 Specify manually
  • URI, FQDN, or IP address 欄位請輸入 10.2.3.33
  • Protocol 欄位請選擇 TCP
  • Destination port 欄位請輸入 80
  • Source port (optional) 欄位不用輸入
  • Diagnostic test 欄位請選擇 Connectivity、NSG diagnostic、Next hop，而 Port scanner 不用選。
  • 以上資訊輸入完成後點選 Run diagnostic test ( 執行會花不少時間 )

• 執行完成

Step 4. 測試 vm-55 ( vnet-03 ) 連到 vm-33 ( vnet-02 ) ( 10.2.3.33 ) 的 3389 Port

• 點選左側的 Connection troubleshoot

• 輸入相關資訊
  • Subscription 欄位請選擇所要使用的訂閱。
  • Resource group 欄位請選擇 traffic-management-rg-03
  • Source type 欄位請選擇 Virtual machine
  • Virtual machine 欄位請選擇 vm-55
  • Destination type 欄位請選擇 Specify manually
  • URI, FQDN, or IP address 欄位請輸入 10.2.3.33
  • Protocol 欄位請選擇 TCP
  • Destination port 欄位請輸入 3389
  • Source port (optional) 欄位不用輸入
  • Diagnostic test 欄位請選擇 Connectivity、NSG diagnostic、Next hop，而 Port scanner 不用選。
  • 以上資訊輸入完成後點選 Run diagnostic test ( 執行會花不少時間 )

• 執行完成

GitHub

• ArcherHuang @ GitHub

List of blogs

• https://learningsky.io/author/archer/
• https://medium.com/@mmosconii

Azure Traffic Management Lab

• 配置實驗環境
• 配置 hub & spoke 網路拓撲
• 於 hub & spoke 網路拓撲中配置路由
• 實作 Azure Load Balancer
• 實作 Azure Application Gateway

本篇文章內容

• 前置準備作業
• 架構
• 建立服務所使用的名稱
• 建立 VNet 間的 Peering
• 透過 Azure Network Watcher 進行連線測試

前置準備作業

• 已建立 Azure 帳號並能正常登入
  • https://portal.azure.com/
• 已安裝 Azure CLI 並透過 az login 指令登入成功
  • https://learn.microsoft.com/en-us/cli/azure/install-azure-cli

架構

建立服務所使用的名稱

• VNet

• VM & NIC

建立 VNet 間的 Peering

Step 1. 選擇 Virtual network 服務

• 於上方搜尋框輸入 VNet > 再點選 Virtual network 的搜尋結果

• 之前透過指令所建立的 VNet

Step 2. 建立 VNet 01 與 VNet 02 的 Peering

• 點選 vnet-01 > 再點選左側的 Peerings > 再點選 Add

• 輸入相關資訊
  • Peering link name 欄位請輸入 vnet01_to_vnet02。
  • Allow access to remote virtual network 欄位請勾選。
  • Allow traffic to remote virtual network 欄位請勾選。
  • Allow traffic forwarded from the remote virtual network (allow gateway transit) 欄位請勾選。
  • Use remote virtual network gateway or route server 欄位不用勾選。
  • Peering link name 欄位請輸入 vnet02_to_vnet01。
  • Virtual network deployment model 請選取 Resource manager。
  • Subscription 欄位請所使用的訂閱。
  • Virtual network 欄位請選擇 vnet-02。
  • Allow access to current virtual network 欄位請勾選。
  • Allow traffic to current virtual network 欄位請勾選。
  • Allow traffic forwarded from current virtual network (allow gateway transit) 欄位請勾選。
  • Use current virtual network gateway or route server 欄位不用勾選。
  • 以上欄位輸入完成後點選 Add

• 建立完成

Step 3. 建立 VNet 01 與 VNet 03 的 Peering

• 點選 vnet-01 > 再點選左側的 Peerings > 再點選 Add

• 輸入相關資訊
  • Peering link name 欄位請輸入 vnet01_to_vnet03。
  • Allow access to remote virtual network 欄位請勾選。
  • Allow traffic to remote virtual network 欄位請勾選。
  • Allow traffic forwarded from the remote virtual network (allow gateway transit) 欄位請勾選。
  • Use remote virtual network gateway or route server 欄位不用勾選。
  • Peering link name 欄位請輸入 vnet03_to_vnet01。
  • Virtual network deployment model 請選取 Resource manager。
  • Subscription 欄位請所使用的訂閱。
  • Virtual network 欄位請選擇 vnet-03。
  • Allow access to current virtual network 欄位請勾選。
  • Allow traffic to current virtual network 欄位請勾選。
  • Allow traffic forwarded from current virtual network (allow gateway transit) 欄位請勾選。
  • Use current virtual network gateway or route server 欄位不用勾選。
  • 以上欄位輸入完成後點選 Add

• 建立完成

透過 Azure Network Watcher 進行連線測試

Step 1. 選擇 Network Watcher 服務

• 於上方搜尋框輸入 Network Watcher > 再點選 Network Watcher 的搜尋結果

Step 2. 測試 vm-11 ( vnet-01 ) 連到 vm-33 ( vnet-02 ) ( 10.2.3.33 ) 的 80 Port

• 點選左側的 Connection troubleshoot

• 輸入相關資訊
  • Subscription 欄位請選擇所要使用的訂閱。
  • Resource group 欄位請選擇 traffic-management-rg-01
  • Source type 欄位請選擇 Virtual machine
  • Virtual machine 欄位請選擇 vm-11
  • Destination type 欄位請選擇 Specify manually
  • URI, FQDN, or IP address 欄位請輸入 10.2.3.33
  • Protocol 欄位請選擇 TCP
  • Destination port 欄位請輸入 80
  • Source port (optional) 欄位不用輸入
  • Diagnostic test 欄位請選擇 Connectivity、NSG diagnostic、Next hop，而 Port scanner 不用選。
  • 以上資訊輸入完成後點選 Run diagnostic test ( 執行會花不少時間 )

• 執行完成

Step 3. 測試 vm-11 ( vnet-01 ) 連到 vm-33 ( vnet-02 ) ( 10.2.3.33 ) 的 3389 Port

• 點選左側的 Connection troubleshoot

• 輸入相關資訊
  • Subscription 欄位請選擇所要使用的訂閱。
  • Resource group 欄位請選擇 traffic-management-rg-01
  • Source type 欄位請選擇 Virtual machine
  • Virtual machine 欄位請選擇 vm-11
  • Destination type 欄位請選擇 Specify manually
  • URI, FQDN, or IP address 欄位請輸入 10.2.3.33
  • Protocol 欄位請選擇 TCP
  • Destination port 欄位請輸入 3389
  • Source port (optional) 欄位不用輸入
  • Diagnostic test 欄位請選擇 Connectivity、NSG diagnostic、Next hop，而 Port scanner 不用選。
  • 以上資訊輸入完成後點選 Run diagnostic test ( 執行會花不少時間 )

• 執行完成

Step 4. 測試 vm-22 ( vnet-01 ) 連到 vm-55 ( vnet-03 ) ( 10.3.5.55 ) 的 80 Port

• 點選左側的 Connection troubleshoot

• 輸入相關資訊
  • Subscription 欄位請選擇所要使用的訂閱。
  • Resource group 欄位請選擇 traffic-management-rg-01
  • Source type 欄位請選擇 Virtual machine
  • Virtual machine 欄位請選擇 vm-22
  • Destination type 欄位請選擇 Specify manually
  • URI, FQDN, or IP address 欄位請輸入 10.3.5.55
  • Protocol 欄位請選擇 TCP
  • Destination port 欄位請輸入 80
  • Source port (optional) 欄位不用輸入
  • Diagnostic test 欄位請選擇 Connectivity、NSG diagnostic、Next hop，而 Port scanner 不用選。
  • 以上資訊輸入完成後點選 Run diagnostic test ( 執行會花不少時間 )

• 執行完成

Step 5. 測試 vm-22 ( vnet-01 ) 連到 vm-55 ( vnet-03 ) ( 10.3.5.55 ) 的 3389 Port

• 點選左側的 Connection troubleshoot

• 輸入相關資訊
  • Subscription 欄位請選擇所要使用的訂閱。
  • Resource group 欄位請選擇 traffic-management-rg-01
  • Source type 欄位請選擇 Virtual machine
  • Virtual machine 欄位請選擇 vm-22
  • Destination type 欄位請選擇 Specify manually
  • URI, FQDN, or IP address 欄位請輸入 10.3.5.55
  • Protocol 欄位請選擇 TCP
  • Destination port 欄位請輸入 3389
  • Source port (optional) 欄位不用輸入
  • Diagnostic test 欄位請選擇 Connectivity、NSG diagnostic、Next hop，而 Port scanner 不用選。
  • 以上資訊輸入完成後點選 Run diagnostic test ( 執行會花不少時間 )

• 執行完成

Step 6. 測試 vm-33 ( vnet-02 ) 連到 vm-55 ( vnet-03 ) ( 10.3.5.55 ) 的 80 Port

• 點選左側的 Connection troubleshoot

• 輸入相關資訊
  • Subscription 欄位請選擇所要使用的訂閱。
  • Resource group 欄位請選擇 traffic-management-rg-02
  • Source type 欄位請選擇 Virtual machine
  • Virtual machine 欄位請選擇 vm-33
  • Destination type 欄位請選擇 Specify manually
  • URI, FQDN, or IP address 欄位請輸入 10.3.5.55
  • Protocol 欄位請選擇 TCP
  • Destination port 欄位請輸入 80
  • Source port (optional) 欄位不用輸入
  • Diagnostic test 欄位請選擇 Connectivity、NSG diagnostic、Next hop，而 Port scanner 不用選。
  • 以上資訊輸入完成後點選 Run diagnostic test ( 執行會花不少時間 )

• 執行完成

Step 7. 測試 vm-33 ( vnet-02 ) 連到 vm-55 ( vnet-03 ) ( 10.3.5.55 ) 的 3389 Port

• 點選左側的 Connection troubleshoot

• 輸入相關資訊
  • Subscription 欄位請選擇所要使用的訂閱。
  • Resource group 欄位請選擇 traffic-management-rg-02
  • Source type 欄位請選擇 Virtual machine
  • Virtual machine 欄位請選擇 vm-33
  • Destination type 欄位請選擇 Specify manually
  • URI, FQDN, or IP address 欄位請輸入 10.3.5.55
  • Protocol 欄位請選擇 TCP
  • Destination port 欄位請輸入 3389
  • Source port (optional) 欄位不用輸入
  • Diagnostic test 欄位請選擇 Connectivity、NSG diagnostic、Next hop，而 Port scanner 不用選。
  • 以上資訊輸入完成後點選 Run diagnostic test ( 執行會花不少時間 )

• 執行完成

GitHub

• ArcherHuang @ GitHub

List of blogs

• https://learningsky.io/author/archer/
• https://medium.com/@mmosconii

Azure Traffic Management Lab

• 配置實驗環境
• 配置 hub & spoke 網路拓撲
• 於 hub & spoke 網路拓撲中配置路由
• 實作 Azure Load Balancer
• 實作 Azure Application Gateway

本篇文章內容

• 前置準備作業
• 架構
• 建立服務所使用的名稱
• 建立 Resource Group
• 建立 Virtual Network ( VNet ) 與 Subnet
• 建立 Network Security Group ( NSG )
• 建立 Network Interface Card ( NIC )
• 建立 Virtual Machine ( VM )
• 建立 Web Server 與修改預設網路內容
• 透過 Azure Network Watcher 進行連線測試
• 實驗觀察

前置準備作業

• 已建立 Azure 帳號並能正常登入
  • https://portal.azure.com/
• 已安裝 Azure CLI 並透過 az login 指令登入成功
  • https://learn.microsoft.com/en-us/cli/azure/install-azure-cli

架構

建立服務所使用的名稱

• VNet

• VM & NIC

建立 Resource Group

Step 1. 於 West US 的 Region 建立 traffic-management-rg-01 資源群組

• 請於終端機輸入下方指令

az group create \
    --name traffic-management-rg-01 \
    --location westus

Step 2. 於 West US 的 Region 建立 traffic-management-rg-02 資源群組

• 請於終端機輸入下方指令

az group create \
    --name traffic-management-rg-02 \
    --location westus

Step 3. 於 West US 2 的 Region 建立 traffic-management-rg-03 資源群組

• 請於終端機輸入下方指令

az group create \
    --name traffic-management-rg-03 \
    --location westus2

建立 Virtual Network ( VNet ) 與 Subnet

Step 1. 建立 vnet-01 的 VNet 並於 vnet-01 中建立 subnet-01 的 Subnet，其中 vnet-01 的 IP address 為 10.1.0.0/16，而 subnet-01 的 IP address 為 10.1.1.0/24

• 請於終端機輸入下方指令

az network vnet create \
    --name vnet-01 \
    --resource-group traffic-management-rg-01 \
    --address-prefix 10.1.0.0/16 \
    --subnet-name subnet-01 \
    --subnet-prefixes 10.1.1.0/24

Step 2. 於 vnet-01 中建立 subnet-02 的 Subnet，其中 subnet-02 的 IP address 為 10.1.2.0/24

• 請於終端機輸入下方指令

az network vnet subnet create \
    --address-prefix 10.1.2.0/24  \
    --name subnet-02  \
    --resource-group traffic-management-rg-01  \
    --vnet-name vnet-01

Step 3. 建立 vnet-02 的 VNet 並於 vnet-02 中建立 subnet-03 的 Subnet，其中 vnet-02 的 IP address 為 10.2.0.0/16，而 subnet-03 的 IP address 為 10.2.3.0/24

• 請於終端機輸入下方指令

az network vnet create \
    --name vnet-02 \
    --resource-group traffic-management-rg-02 \
    --address-prefix 10.2.0.0/16 \
    --subnet-name subnet-03 \
    --subnet-prefixes 10.2.3.0/24

Step 4. 建立 vnet-03 的 VNet 並於 vnet-03 中建立 subnet-05 的 Subnet，其中 vnet-03 的 IP address 為 10.3.0.0/16，而 subnet-05 的 IP address 為 10.3.5.0/24

• 請於終端機輸入下方指令

az network vnet create \
    --name vnet-03 \
    --resource-group traffic-management-rg-03 \
    --address-prefix 10.3.0.0/16 \
    --subnet-name subnet-05 \
    --subnet-prefixes 10.3.5.0/24

建立 Network Security Group ( NSG )

Step 1. 於 West US 的 Region 建立 traffic-management-nsg-01 的網路安全群組，其資源群組為 traffic-management-rg-01

• 請於終端機輸入下方指令

az network nsg create \
    --name traffic-management-nsg-01 \
    --resource-group traffic-management-rg-01 \
    --location westus

Step 2. 於 traffic-management-nsg-01 的網路安全群組中開啟 inbound 的 80 Port，其優先權為 320

• 請於終端機輸入下方指令

az network nsg rule create \
    --resource-group traffic-management-rg-01 \
    --nsg-name traffic-management-nsg-01 \
    --name AllowHTTP \
    --protocol Tcp \
    --direction inbound \
    --source-address-prefix "*" \
    --destination-address-prefix "*" \
    --destination-port-range 80 \
    --access allow \
    --priority 320

Step 3. 於 traffic-management-nsg-01 的網路安全群組中開啟 inbound 的 3389 Port，其優先權為 300

• 請於終端機輸入下方指令

az network nsg rule create \
    --resource-group traffic-management-rg-01 \
    --nsg-name traffic-management-nsg-01 \
    --name AllowRDP \
    --protocol Tcp \
    --direction inbound \
    --source-address-prefix "*" \
    --destination-address-prefix "*" \
    --destination-port-range 3389 \
    --access allow \
    --priority 300

Step 4. 於 West US 的 Region 建立 traffic-management-nsg-02 的網路安全群組，其資源群組為 traffic-management-rg-02

• 請於終端機輸入下方指令

az network nsg create \
    --name traffic-management-nsg-02 \
    --resource-group traffic-management-rg-02 \
    --location westus

Step 5. 於 traffic-management-nsg-02 的網路安全群組中開啟 inbound 的 80 Port，其優先權為 320

• 請於終端機輸入下方指令

az network nsg rule create \
    --resource-group traffic-management-rg-02 \
    --nsg-name traffic-management-nsg-02 \
    --name AllowHTTP \
    --protocol Tcp \
    --direction inbound \
    --source-address-prefix "*" \
    --destination-address-prefix "*" \
    --destination-port-range 80 \
    --access allow \
    --priority 320

Step 6. 於 traffic-management-nsg-02 的網路安全群組中開啟 inbound 的 3389 Port，其優先權為 300

• 請於終端機輸入下方指令

az network nsg rule create \
    --resource-group traffic-management-rg-02 \
    --nsg-name traffic-management-nsg-02 \
    --name AllowRDP \
    --protocol Tcp \
    --direction inbound \
    --source-address-prefix "*" \
    --destination-address-prefix "*" \
    --destination-port-range 3389 \
    --access allow \
    --priority 300

Step 7. 於 West US 2 的 Region 建立 traffic-management-nsg-03 的網路安全群組，其資源群組為 traffic-management-rg-03

• 請於終端機輸入下方指令

az network nsg create \
    --name traffic-management-nsg-03 \
    --resource-group traffic-management-rg-03 \
    --location westus2

Step 8. 於 traffic-management-nsg-03 的網路安全群組中開啟 inbound 的 80 Port，其優先權為 320

• 請於終端機輸入下方指令

az network nsg rule create \
    --resource-group traffic-management-rg-03 \
    --nsg-name traffic-management-nsg-03 \
    --name AllowHTTP \
    --protocol Tcp \
    --direction inbound \
    --source-address-prefix "*" \
    --destination-address-prefix "*" \
    --destination-port-range 80 \
    --access allow \
    --priority 320

Step 9. 於 traffic-management-nsg-03 的網路安全群組中開啟 inbound 的 3389 Port，其優先權為 300

• 請於終端機輸入下方指令

az network nsg rule create \
    --resource-group traffic-management-rg-03 \
    --nsg-name traffic-management-nsg-03 \
    --name AllowRDP \
    --protocol Tcp \
    --direction inbound \
    --source-address-prefix "*" \
    --destination-address-prefix "*" \
    --destination-port-range 3389 \
    --access allow \
    --priority 300

建立 Network Interface Card ( NIC )

Step 1. 於 West US 的 Region 建立 nic-11 的網路介面卡，其資源群組為 traffic-management-rg-01、VNet 為 vnet-01、Subnet 為 subnet-01 、網路安全群組為 traffic-management-nsg-01 並設定私有 IP 為 10.1.1.11

• 請於終端機輸入下方指令

az network nic create \
    --resource-group traffic-management-rg-01 \
    --name nic-11 \
    --location westus \
    --vnet-name vnet-01 \
    --subnet subnet-01 \
    --private-ip-address 10.1.1.11 \
    --network-security-group traffic-management-nsg-01

Step 2. 於 West US 的 Region 建立 nic-22 的網路介面卡，其資源群組為 traffic-management-rg-01、VNet 為 vnet-01、Subnet 為 subnet-02 、網路安全群組為 traffic-management-nsg-01 並設定私有 IP 為 10.1.2.22

• 請於終端機輸入下方指令

az network nic create \
    --resource-group traffic-management-rg-01 \
    --name nic-22 \
    --location westus \
    --vnet-name vnet-01 \
    --subnet subnet-02 \
    --private-ip-address 10.1.2.22 \
    --network-security-group traffic-management-nsg-01

Step 3. 於 West US 的 Region 建立 nic-33 的網路介面卡，其資源群組為 traffic-management-rg-02、VNet 為 vnet-02、Subnet 為 subnet-03 、網路安全群組為 traffic-management-nsg-02 並設定私有 IP 為 10.2.3.33

• 請於終端機輸入下方指令

az network nic create \
    --resource-group traffic-management-rg-02 \
    --name nic-33 \
    --location westus \
    --vnet-name vnet-02 \
    --subnet subnet-03 \
    --private-ip-address 10.2.3.33 \
    --network-security-group traffic-management-nsg-02

Step 4. 於 West US 2 的 Region 建立 nic-55 的網路介面卡，其資源群組為 traffic-management-rg-03、VNet 為 vnet-03、Subnet 為 subnet-05 、網路安全群組為 traffic-management-nsg-03 並設定私有 IP 為 10.3.5.55

• 請於終端機輸入下方指令

az network nic create \
    --resource-group traffic-management-rg-03 \
    --name nic-55 \
    --location westus2 \
    --vnet-name vnet-03 \
    --subnet subnet-05 \
    --private-ip-address 10.3.5.55 \
    --network-security-group traffic-management-nsg-03

建立 Virtual Machine ( VM )

Step 1. 於 West US 的 Region 建立 vm-11 的虛擬機，其資源群組為 traffic-management-rg-01、OS 的印象檔為 Windows Server 2019 Datacenter、VM 規格為 Standard_D2s_v3、登入 VM 的帳號為 azureuser、登入 VM 的密碼為 Pa5sW0rd!，所使用的網路卡為 nic-11

• 請於終端機輸入下方指令
  • --admin-username 與 --admin-password 所設定的登入帳號與密碼請記得修改

az vm create \
    --resource-group traffic-management-rg-01 \
    --location westus \
    --name vm-11 \
    --image Win2019Datacenter \
    --size Standard_D2s_v3 \
    --admin-username azureuser \
    --admin-password Pa5sW0rdqwer! \
    --nics nic-11

Step 2. 於 West US 的 Region 建立 vm-22 的虛擬機，其資源群組為 traffic-management-rg-01、OS 的印象檔為 Windows Server 2019 Datacenter、VM 規格為 Standard_D2s_v3、登入 VM 的帳號為 azureuser、登入 VM 的密碼為 Pa5sW0rd!，所使用的網路卡為 nic-22

• 請於終端機輸入下方指令
  • --admin-username 與 --admin-password 所設定的登入帳號與密碼請記得修改

az vm create \
    --resource-group traffic-management-rg-01 \
    --location westus \
    --name vm-22 \
    --image Win2019Datacenter \
    --size Standard_D2s_v3 \
    --admin-username azureuser \
    --admin-password Pa5sW0rdqwer! \
    --nics nic-22

Step 3. 於 West US 的 Region 建立 vm-33 的虛擬機，其資源群組為 traffic-management-rg-02、OS 的印象檔為 Windows Server 2019 Datacenter、VM 規格為 Standard_D2s_v3、登入 VM 的帳號為 azureuser、登入 VM 的密碼為 Pa5sW0rd!，所使用的網路卡為 nic-33

• 請於終端機輸入下方指令
  • --admin-username 與 --admin-password 所設定的登入帳號與密碼請記得修改

az vm create \
    --resource-group traffic-management-rg-02 \
    --location westus \
    --name vm-33 \
    --image Win2019Datacenter \
    --size Standard_D2s_v3 \
    --admin-username azureuser \
    --admin-password Pa5sW0rdqwer! \
    --nics nic-33

Step 4. 於 West US 2 的 Region 建立 vm-55 的虛擬機，其資源群組為 traffic-management-rg-03、OS 的印象檔為 Windows Server 2019 Datacenter、VM 規格為 Standard_D2s_v3、登入 VM 的帳號為 azureuser、登入 VM 的密碼為 Pa5sW0rd!，所使用的網路卡為 nic-55

• 請於終端機輸入下方指令
  • --admin-username 與 --admin-password 所設定的登入帳號與密碼請記得修改

az vm create \
    --resource-group traffic-management-rg-03 \
    --location westus2 \
    --name vm-55 \
    --image Win2019Datacenter \
    --size Standard_D2s_v3 \
    --admin-username azureuser \
    --admin-password Pa5sW0rdqwer! \
    --nics nic-55

建立 Web Server 與修改預設網頁內容

Step 1. 選擇 VM 服務

• 於上方搜尋框輸入 vm > 再點選 Virtual machines 的搜尋結果

• 之前透過指令所建立的 VM-11、VM-22、VM-33、VM-55

Step 2. 於 VM-11 進行設定

• 點選 VM-11 的 VM > 點選左側的 Run command > 點選 Run Command Script

• 於 PowerShell Script 輸入框輸入下方指令，再點選 Run ( 執行需要花一些時間 )

• 執行完的結果

Step 3. 於 VM-22 進行設定

• 點選 VM-22 的 VM > 點選左側的 Run command > 點選 Run Command Script

• 於 PowerShell Script 輸入框輸入下方指令，再點選 Run ( 執行需要花一些時間 )

• 執行完的結果

Step 4. 於 VM-33 進行設定

• 點選 VM-33 的 VM > 點選左側的 Run command > 點選 Run Command Script

• 於 PowerShell Script 輸入框輸入下方指令，再點選 Run ( 執行需要花一些時間 )

• 執行完的結果

Step 5. 於 VM-55 進行設定

• 點選 VM-55 的 VM > 點選左側的 Run command > 點選 Run Command Script

• 於 PowerShell Script 輸入框輸入下方指令，再點選 Run ( 執行需要花一些時間 )

• 執行完的結果

透過 Azure Network Watcher 進行連線測試

Step 1. 選擇 Network Watcher 服務

• 於上方搜尋框輸入 Network Watcher > 再點選 Network Watcher 的搜尋結果

Step 2. 測試 vm-11 ( vnet-01 ) 連到 vm-22 ( vnet-01 ) 的 80 Port

• 點選左側的 Connection troubleshoot

• 輸入相關資訊
  • Subscription 欄位請選擇所要使用的訂閱。
  • Resource group 欄位請選擇 traffic-management-rg-01。
  • Source type 欄位請選擇 Virtual machine。
  • Virtual machine 欄位請選擇 vm-11。
  • Destination type 欄位請選擇 Select a virtual machine。
  • Resource group 欄位請選擇 traffic-management-rg-01。
  • Virtual machine 欄位請選擇 vm-22。
  • Preferred IP version 欄位請選擇 IPv4。
  • Protocol 欄位請選擇 TCP。
  • Destination port 欄位請輸入 80。
  • Source port (optional) 欄位不用輸入。
  • Diagnostic test 欄位請選擇 Connectivity、NSG diagnostic、Next hop，而 Port scanner 不用選。
  • 以上資訊輸入完成後點選 Run diagnostic test ( 執行會花不少時間 )。

• 執行完成

Step 3. 測試 vm-11 ( vnet-01 ) 連到 vm-22 ( vnet-01 ) 的 3389 Port

• 點選左側的 Connection troubleshoot

• 輸入相關資訊
  • Subscription 欄位請選擇所要使用的訂閱。
  • Resource group 欄位請選擇 traffic-management-rg-01
  • Source type 欄位請選擇 Virtual machine
  • Virtual machine 欄位請選擇 vm-11
  • Destination type 欄位請選擇 Select a virtual machine
  • Resource group 欄位請選擇 traffic-management-rg-01
  • Virtual machine 欄位請選擇 vm-22
  • Preferred IP version 欄位請選擇 IPv4
  • Protocol 欄位請選擇 TCP
  • Destination port 欄位請輸入 3389
  • Source port (optional) 欄位不用輸入
  • Diagnostic test 欄位請選擇 Connectivity、NSG diagnostic、Next hop，而 Port scanner 不用選。
  • 以上資訊輸入完成後點選 Run diagnostic test ( 執行會花不少時間 )

• 執行完成

Step 4. 測試 vm-11 ( vnet-01 ) 連到 vm-33 ( vnet-02 ) ( 10.2.3.33 ) 的 80 Port

• 點選左側的 Connection troubleshoot

• 輸入相關資訊
  • Subscription 欄位請選擇所要使用的訂閱。
  • Resource group 欄位請選擇 traffic-management-rg-01
  • Source type 欄位請選擇 Virtual machine
  • Virtual machine 欄位請選擇 vm-11
  • Destination type 欄位請選擇 Specify manually
  • URI, FQDN, or IP address 欄位請輸入 10.2.3.33
  • Protocol 欄位請選擇 TCP
  • Destination port 欄位請輸入 80
  • Source port (optional) 欄位不用輸入
  • Diagnostic test 欄位請選擇 Connectivity、NSG diagnostic、Next hop，而 Port scanner 不用選。
  • 以上資訊輸入完成後點選 Run diagnostic test ( 執行會花不少時間 )

• 執行完成

Step 5. 測試 vm-11 ( vnet-01 ) 連到 vm-33 ( vnet-02 ) ( 10.2.3.33 ) 的 3389 Port

• 點選左側的 Connection troubleshoot

• 輸入相關資訊
  • Subscription 欄位請選擇所要使用的訂閱。
  • Resource group 欄位請選擇 traffic-management-rg-01
  • Source type 欄位請選擇 Virtual machine
  • Virtual machine 欄位請選擇 vm-11
  • Destination type 欄位請選擇 Specify manually
  • URI, FQDN, or IP address 欄位請輸入 10.2.3.33
  • Protocol 欄位請選擇 TCP
  • Destination port 欄位請輸入 3389
  • Source port (optional) 欄位不用輸入
  • Diagnostic test 欄位請選擇 Connectivity、NSG diagnostic、Next hop，而 Port scanner 不用選。
  • 以上資訊輸入完成後點選 Run diagnostic test ( 執行會花不少時間 )

• 執行完成

Step 6. 測試 vm-22 ( vnet-01 ) 連到 vm-55 ( vnet-03 ) ( 10.3.5.55 ) 的 80 Port

• 點選左側的 Connection troubleshoot

• 輸入相關資訊
  • Subscription 欄位請選擇所要使用的訂閱。
  • Resource group 欄位請選擇 traffic-management-rg-01
  • Source type 欄位請選擇 Virtual machine
  • Virtual machine 欄位請選擇 vm-22
  • Destination type 欄位請選擇 Specify manually
  • URI, FQDN, or IP address 欄位請輸入 10.3.5.55
  • Protocol 欄位請選擇 TCP
  • Destination port 欄位請輸入 80
  • Source port (optional) 欄位不用輸入
  • Diagnostic test 欄位請選擇 Connectivity、NSG diagnostic、Next hop，而 Port scanner 不用選。
  • 以上資訊輸入完成後點選 Run diagnostic test ( 執行會花不少時間 )

• 執行完成

Step 7. 測試 vm-22 ( vnet-01 ) 連到 vm-55 ( vnet-03 ) ( 10.3.5.55 ) 的 3389 Port

• 點選左側的 Connection troubleshoot

• 輸入相關資訊
  • Subscription 欄位請選擇所要使用的訂閱。
  • Resource group 欄位請選擇 traffic-management-rg-01
  • Source type 欄位請選擇 Virtual machine
  • Virtual machine 欄位請選擇 vm-22
  • Destination type 欄位請選擇 Specify manually
  • URI, FQDN, or IP address 欄位請輸入 10.3.5.55
  • Protocol 欄位請選擇 TCP
  • Destination port 欄位請輸入 3389
  • Source port (optional) 欄位不用輸入
  • Diagnostic test 欄位請選擇 Connectivity、NSG diagnostic、Next hop，而 Port scanner 不用選。
  • 以上資訊輸入完成後點選 Run diagnostic test ( 執行會花不少時間 )

• 執行完成

Step 8. 測試 vm-33 ( vnet-02 ) 連到 vm-55 ( vnet-03 ) ( 10.3.5.55 ) 的 80 Port

• 點選左側的 Connection troubleshoot

• 輸入相關資訊
  • Subscription 欄位請選擇所要使用的訂閱。
  • Resource group 欄位請選擇 traffic-management-rg-02
  • Source type 欄位請選擇 Virtual machine
  • Virtual machine 欄位請選擇 vm-33
  • Destination type 欄位請選擇 Specify manually
  • URI, FQDN, or IP address 欄位請輸入 10.3.5.55
  • Protocol 欄位請選擇 TCP
  • Destination port 欄位請輸入 80
  • Source port (optional) 欄位不用輸入
  • Diagnostic test 欄位請選擇 Connectivity、NSG diagnostic、Next hop，而 Port scanner 不用選。
  • 以上資訊輸入完成後點選 Run diagnostic test ( 執行會花不少時間 )

• 執行完成

Step 9. 測試 vm-33 ( vnet-02 ) 連到 vm-55 ( vnet-03 ) ( 10.3.5.55 ) 的 3389 Port

• 點選左側的 Connection troubleshoot

• 輸入相關資訊
  • Subscription 欄位請選擇所要使用的訂閱。
  • Resource group 欄位請選擇 traffic-management-rg-02
  • Source type 欄位請選擇 Virtual machine
  • Virtual machine 欄位請選擇 vm-33
  • Destination type 欄位請選擇 Specify manually
  • URI, FQDN, or IP address 欄位請輸入 10.3.5.55
  • Protocol 欄位請選擇 TCP
  • Destination port 欄位請輸入 3389
  • Source port (optional) 欄位不用輸入
  • Diagnostic test 欄位請選擇 Connectivity、NSG diagnostic、Next hop，而 Port scanner 不用選。
  • 以上資訊輸入完成後點選 Run diagnostic test ( 執行會花不少時間 )

• 執行完成

實驗觀察

• VNet 為 vnet-01 中的虛擬機 vm-11 與相同 VNet 中的虛擬機 vm-22 能透過 Port 80 與 3389 互通。
• VNet 為 vnet-01 中的虛擬機 vm-11 與 VNet 為 vnet-02 中的虛擬機 vm-33 不能透過 Port 80 與 3389 互通，如果要讓兩台虛擬機互通可參考透過 Peering 的章節。
• VNet 為 vnet-01 中的虛擬機 vm-22 與 VNet 為 vnet-03 中的虛擬機 vm-55 不能透過 Port 80 與 3389 互通，如果要讓兩台虛擬機互通可參考透過 Peering 的章節。。
• VNet 為 vnet-02 中的虛擬機 vm-33 與 VNet 為 vnet-03 中的虛擬機 vm-55 不能透過 Port 80 與 3389 互通，如果要讓兩台虛擬機互通可參考透過路由的章節。。

GitHub

• ArcherHuang @ GitHub

List of blogs

• https://learningsky.io/author/archer/
• https://medium.com/@mmosconii

內容

• 學習目標
• 前置準備作業
• 建立服務所使用的名稱
• 建立第 1 台 Azure VM
  • Size SKU: Standard_B1ls - 1 vcpu
• 設定 Policy
  • 允許 VM 的 Size SKU: Standard_F2s_v2
• 建立第 2 台 Azure VM
  • Size SKU: Standard_F2s_v2
• 實驗觀察

學習目標

• 如何透過 Azure Policy 設定資源群組 ( Resource Group ) 範圍來限制新建 Azure Virtual Machine ( Azure VM ) 的規格 ( VM Size SKUs )

前置準備作業

• 已建立 Azure 帳號並能正常登入
  • https://portal.azure.com/

建立服務所使用的名稱

建立第 1 台 Azure VM

Step 1. 選擇 VM 服務

• 於上方搜尋框輸入 vm > 再點選 Virtual machines 的搜尋結果

Step 2. 建立 VM

• 點選左上方的 + Create > 再點選 Azure virtual machine 選項

Step 3. 輸入相關資訊

• Resource group 欄位請選擇唯一且可識別的名稱，本範例使用 vm-policy-size-sample-rg
• Virtual machine name 欄位請選擇唯一且可識別的名稱，本範例使用 policy-sample-vm1
• Size 請選擇 Standard_B1ls - 1 vcpu
• 其他欄位輸入完成後點選左下角的 Review + create

Step 4. 確認相關資訊

• 確認完資訊請點選左下角的 create

Step 5. 建立過程中

Step 6. 建立完成

設定 Policy

Step 1. 選擇 Policy 服務

• 於上方搜尋框輸入 policy > 再點選 Policy 的搜尋結果

Step 2. 建立 Policy

• 點選左側的 Compliance > 再點選上方的 Assign policy 選項

• 選擇 Scope
  • 選擇 Scope 欄位的右邊按鈕
  • Subscription 選擇所要使用的訂閱帳戶
  • Resource group 欄位選擇所要限制限額的資源群組
  • 以上欄位選擇完成後點選 Select

• 選擇 Policy definition
  • 選擇 Policy definition 欄位的右邊按鈕
  • 搜尋輸入框輸入 size
  • 選擇 Allowed virtual machine size SKUs 的 Policy Name
  • 以上欄位選擇完成後，點選 Add

• 選擇 Parameters 頁籤
  • Allowed Size SKUs 欄位選擇可允許建立的 VM 規格，本範例選擇 Standard_F2s_v2

• 選擇 Non-compliance messages 頁籤
  • Non-compliance message 欄位輸入訊息以提示使用者所選的規格不符要求所要出現的內容
  • 以上欄位選擇完成後，點選 Review + create

• 確認相關資訊後點選 Create

• 建立完成

建立第 2 台 Azure VM

Step 1. 選擇 VM 服務

• 於上方搜尋框輸入 vm > 再點選 Virtual machines 的搜尋結果

Step 2. 建立 VM

• 點選左上方的 + Create > 再點選 Azure virtual machine 選項

Step 3. 輸入相關資訊

• Resource group 欄位請選擇 Policy 段落所限定的資源群組，本範例為 vm-policy-size-sample-rg
• Virtual machine name 欄位請選擇唯一且可識別的名稱，本範例使用 policy-sample-vm2
• Size 的下拉選單只能選擇 Policy 充許可使用的規格
• 其他欄位輸入完成後點選左下角的 Review + create

• 點選 Create

• 建立過程中

• 建立完成

實驗觀察

• 對 Resource Group 建立可用 VM 規格的 Azure Policy
  • Azure Policy 只對新建立的 VM 套用，不能建立不符合 Policy 的規格，而原有已建立的 VM 只進行合規檢驗且原有的 VM 還是會存在，也還能正常使用
    • 新建立的 VM 在本範例為 policy-sample-vm2
    • 原有已建立的 VM 在本範例為 policy-sample-vm1
      
      
  • 如果將原有已建立的 VM 重新 Resize 成另一個 非 Policy 所允許的規格，則會出現錯誤訊息。
    

GitHub

• ArcherHuang @ GitHub

List of blogs

• https://learningsky.io/author/archer/
• https://medium.com/@mmosconii

內容

• 學習目標
• 前置準備作業
• 取得 Storage accounts 的 Connection string
• 將本地端電腦中的檔案上傳到 Azure Storage accounts
• 將 Byte Image 檔案直接上傳到 Azure Blob
• 透過檔案的 URL 來上傳到 Azure Blob
• 取的來源端 Container 中檔案的 URL 並透過此 URL 上傳到目地端的 Container
• 掃描 Azure Blob 來源端特定的資料夾，並依來源端的檔案結構上傳到目地端的 Container

前置準備作業

• 已建立 Azure 帳號並能正常登入
  • https://portal.azure.com/
• 已於 Azure 建立 Storage accounts 與 Container
• 已於電腦端安裝 Python
  • https://www.python.org/downloads/
• 已於電腦端安裝 IDE，本範例使用 Visual Studio Code ( VSCode )
  • https://code.visualstudio.com/
• 安裝 Python 相依套件，指令如下：

  pip install azure-storage-blob python-dotenv
  

取得 Storage accounts 的 Connection string

Step 1. 點選 Access keys > 點選 Connection string 右邊的 Show 即可取得 Connection string

Step 2. 於本地端電腦中的程式資料夾建立 .env 檔案

• 請於 .env 檔案中輸入以下資訊

將本地端電腦中的檔案上傳到 Azure Storage accounts

Step 1. 本地端電腦中的檔案結構

• 將本地端電腦中 Datasets 資料夾中的檔案並依 Datasets 資料夾中的檔案結構上傳到 Azure Blob

.
├── .env
├── app.py
└── Datasets
    ├── 6.txt
    ├── 7.txt
    ├── folder-1
    │   ├── 1.txt
    │   ├── 2.txt
    │   └── folder-3
    │       ├── 8.txt
    │       └── 9.txt
    └── folder-2
        ├── 3.txt
        └── 5.txt

Step 2. 撰寫上傳程式

• 建立 app.py 檔案並輸入下方程式
  • 修改第 7 行成要上傳到 Azure Blob 中的哪個 Container

Step 3. 執行程式

• 請於終端機輸入下方指令

python app.py

Step 4. 查看 Azure Blob 上傳結果

.
└── files
    ├── 6.txt
    ├── 7.txt
    ├── folder-1
    │   ├── 1.txt
    │   ├── 2.txt
    │   └── folder-3
    │       ├── 8.txt
    │       └── 9.txt
    └── folder-2
        ├── 3.txt
        └── 5.txt

將 Byte Image 檔案直接上傳到 Azure Blob

Step 1. 撰寫上傳程式

• 建立 app.py 檔案並輸入下方程式
  • 修改第 17 行成要上傳到 Azure Blob 中的哪個 Container

Step 2. 執行程式

• 請於終端機輸入下方指令

python app.py

Step 3. 查看 Azure Blob 上傳結果

透過檔案的 URL 來上傳到 Azure Blob

Step 1. 撰寫上傳程式

• 建立 app.py 檔案並輸入下方程式
  • 修改第 8 行成要上傳到 Azure Blob 中的哪個 Container
  • 修改第 9 行成上傳到 Azure Blob 後的檔案名稱
  • 修改第 15 行成取得來源檔案的 URL

Step 2. 執行程式

• 請於終端機輸入下方指令

python app.py

Step 3. 查看 Azure Blob 上傳結果

取的來源端 Container 中檔案的 URL 並透過此 URL 上傳到目地端的 Container

Step 1. Azure Blob 的 來源與目的地的 Container 之檔案結構

.
└── source
│   ├── 6.txt
│   ├── 7.txt
│   ├── folder-1
│   │   ├── 1.txt
│   │   ├── 2.txt
│   │   └── folder-3
│   │       ├── 8.txt
│   │       └── 9.txt
│   └── folder-2
│       ├── 3.txt
│       └── 5.txt
└── destination

Step 2. 撰寫上傳程式

• 建立 app.py 檔案並輸入下方程式
  • 修改第 9 行成來源端 Container 名稱
  • 修改第 10 行成目地端 Container 名稱

Step 3. 執行程式

• 請於終端機輸入下方指令

python app.py

Step 4. 查看 Azure Blob 上傳結果

.
└── source
│   ├── 6.txt
│   ├── 7.txt
│   ├── folder-1
│   │   ├── 1.txt
│   │   ├── 2.txt
│   │   └── folder-3
│   │       ├── 8.txt
│   │       └── 9.txt
│   └── folder-2
│       ├── 3.txt
│       └── 5.txt
└── destination
    ├── 6.txt
    ├── 7.txt
    ├── folder-1
    │   ├── 1.txt
    │   ├── 2.txt
    │   └── folder-3
    │       ├── 8.txt
    │       └── 9.txt
    └── folder-2
        ├── 3.txt
        └── 5.txt

掃描 Azure Blob 來源端特定的資料夾，並依來源端的檔案結構上傳到目地端的 Container

Step 1. Azure Blob 的 來源與目的地的 Container 之檔案結構

.
└── source
│   ├── 6.txt
│   ├── 7.txt
│   ├── folder-1
│   │   ├── 1.txt
│   │   ├── 2.txt
│   │   └── folder-3
│   │       ├── 8.txt
│   │       └── 9.txt
│   └── folder-2
│       ├── 3.txt
│       └── 5.txt
└── destination

Step 2. 撰寫上傳程式

• 建立 app.py 檔案並輸入下方程式
  • 修改第 10 行成來源端 Container 名稱
  • 修改第 11 行成目地端 Container 名稱
  • 修改第 12 行成開始掃描的資料夾名稱，本範例傳送 folder-1/folder-3 資料夾中的檔案

Step 3. 執行程式

• 請於終端機輸入下方指令

python app.py

Step 4. 查看 Azure Blob 上傳結果

.
└── source
│   ├── 6.txt
│   ├── 7.txt
│   ├── folder-1
│   │   ├── 1.txt
│   │   ├── 2.txt
│   │   └── folder-3
│   │       ├── 8.txt
│   │       └── 9.txt
│   └── folder-2
│       ├── 3.txt
│       └── 5.txt
└── destination
    └── folder-1
        └── folder-3
            ├── 8.txt
            └── 9.txt

GitHub

• ArcherHuang @ GitHub

List of blogs

• https://learningsky.io/author/archer/
• https://medium.com/@mmosconii

內容

• 學習目標
• 前置準備作業
• 建立服務所使用的名稱
• 建立 Azure App Service
• 建立與設定 Azure Key Vault
• 設定 Azure App Service 的 Configuration
• 部署 Python 程式到 Azure App Service
• 測試與驗證

學習目標

• 如何在 Azure App Service 中的 Configuration 透過 Azure role-based access control ( Vault access policy ) 讀取 Azure Key Vault 資訊

前置準備作業

• 已建立 Azure 帳號並能正常登入
• 已於電腦端安裝 IDE，本範例使用 Visual Studio Code ( VScode )
  • https://code.visualstudio.com/
• 已於 VScode 安裝 Azure App Service Extension
  • https://marketplace.visualstudio.com/items?itemName=ms-azuretools.vscode-azureappservice
• 已於 VScode 登入到 Azure

建立服務所使用的名稱

建立 Azure App Service

Step 1. 於 Azure Portal 中的上方搜尋框輸入 App Service > 點選 App Services 的搜尋結果

Step 2. 點選左上角 + Create 按鈕中的 + Web App

Step 3. 輸入相關資訊

• Resource group 欄位請選擇唯一且可識別的名稱。
• Name 欄位請輸入唯一且可識別的名稱。
• Publish 欄位請選擇 Code。
• Runtime stack 欄位請選擇 Python。
• Region 欄位請選擇所要使用服務的所在位置。
• Linux Plan 欄位請選擇所要使用的 Plan。
• Pricing Plan 欄位請選擇所要使用的規格。
• 以上資訊輸入完成後點選左下角的 Review + Create

Step 4. 確認相關資訊

• 確認完成後請點選左下角的 Create

Step 5. 建立過程中

Step 6. 建立完成，點選 Go to resource

Step 7. 啟用 Managed identity

• 點選左側的 Identity > 再點選 On

• 點選上方的 Save

• 點選上方的 Yes

建立與設定 Azure Key Vault

Step 1. 於 Azure Portal 中的上方搜尋框輸入 Key Vault > 點選 Key Vaults 的搜尋結果

Step 2. 點選左上角 + Create 按鈕中的 + Web App

Step 3. 輸入相關資訊

• Resource group 欄位請選擇唯一且可識別的名稱。
• Key vault name 欄位請輸入唯一且可識別的名稱。
• Region 欄位請選擇所要使用服務的所在位置。
• Pricing tier 欄位請選擇所要使用的規格。
• 以上資訊輸入完成後點選下方的 Next

• 選擇 Vault access policy 後再點選 Review + create

Step 4. 確認相關資訊

• 確認完成後請點選左下角的 Create

Step 5. 建立過程中

Step 6. 建立完成，點選 Go to resource

Step 7. 設定給 App Service 的存取權限

• 點選左側的 Access configuration > 再點選 Go to access control (IAM)

• 點選上方的 + Create

• 點選 Secret permissions 中的 Get > 再點選下方的 Next

• 於搜尋框輸入所建立的 App Service 名稱 ( 本範例為 app-sample168 ) > 點選所出現的結果 > 再點選 Next

• 點選 Next

• 確認相關資訊後點選 Create

• 存取權限設定完成

Step 8. 設定 Secret

• 點選左側的 Secrets > 再點選上方的 + Generate/Import

• 輸入 Secret 資訊
  • Name 欄位請輸入 db-connection-string
  • Secret value 欄位請輸入 test_from_web
  • 當以上資訊輸入完成後點選左下方的 Create

Step 9. 取得 CURRENT VERSION 與 Secret Identifier

• 點選所建立的 db-connection-string

• 取得 CURRENT VERSION

• 取得 Secret Identifier
  • 點選出現的 CURRENT VERSION

設定 Azure App Service 的 Configuration

Step 1. 回到所建立的 Azure App Service ( 本範例為 app-sample168 ) > 點選左側的 Configuration > 再點選 + New application setting

Step 2. 設定 setting 資訊

• 輸入相關資訊
  • Name 欄位輸入 DB_CONNECTION_STRING
  • Value 欄位輸入 @Microsoft.KeyVault(SecretUri=Value_From_Secret_Identifier)，請修改 Value_From_Secret_Identifier 為 建立與設定 Azure Key Vault 段落 Step 9 所取得的 Secret Identifier
  • 以上資訊輸入完成後點選 OK
  • ㊟ @Microsoft.KeyVault(referenceString) 中的 referenceString 的格式可為以下兩種：

• 點選上方的 Save

• 點選 Continue

部署 Python 程式到 Azure App Service

Step 1. 下載範例程式

• https://github.com/ArcherHuang/Azure-App-Service-Key-Vault

Step 2. 部署 Python 程式

• 點選 Python 資料夾右鍵 > 點選 Deploy to Web App...

• 選擇所建立的 App Service ( 本範例為 app-sample168 )

• 點選 Deploy

• 部署過程中

• 部署完成

測試與驗證

Step 1. 取得 App Service 的 Default domain

• 到所建立的 App Service ( 本範例為 app-sample168 )

Step 2. 開啟測試頁面

• 於瀏覽器開啟新的頁籤，輸入 https://Default-Domain/secret，請修改 Default-Domain 為上步驟所取得的 Default domain

Reference

• https://learn.microsoft.com/zh-tw/azure/app-service/app-service-key-vault-references?tabs=azure-cli#source-app-settings-from-key-vault

Sample Code

• https://github.com/ArcherHuang/Azure-App-Service-Key-Vault

GitHub

• ArcherHuang @ GitHub

List of blogs

• https://learningsky.io/author/archer/
• https://medium.com/@mmosconii

內容

• 學習目標
• 前置準備作業
• 建立服務所使用的名稱
• 建立 Azure App Service
• 建立與設定 Azure Key Vault
• 設定 Azure App Service 的 Configuration
• 部署 Node.js 程式到 Azure App Service
• 測試與驗證

學習目標

• 如何在 Azure App Service 中的 Configuration 透過 Azure role-based access control ( Vault access policy ) 讀取 Azure Key Vault 資訊

前置準備作業

• 已建立 Azure 帳號並能正常登入
• 已於電腦端安裝 IDE，本範例使用 Visual Studio Code ( VScode )
  • https://code.visualstudio.com/
• 已於 VScode 安裝 Azure App Service Extension
  • https://marketplace.visualstudio.com/items?itemName=ms-azuretools.vscode-azureappservice
• 已於 VScode 登入到 Azure

建立服務所使用的名稱

建立 Azure App Service

Step 1. 於 Azure Portal 中的上方搜尋框輸入 App Service > 點選 App Services 的搜尋結果

Step 2. 點選左上角 + Create 按鈕中的 + Web App

Step 3. 輸入相關資訊

• Resource group 欄位請選擇唯一且可識別的名稱。
• Name 欄位請輸入唯一且可識別的名稱。
• Publish 欄位請選擇 Code。
• Runtime stack 欄位請選擇 Node 18 LTS。
• Region 欄位請選擇所要使用服務的所在位置。
• Linux Plan 欄位請選擇所要使用的 Plan。
• Pricing Plan 欄位請選擇所要使用的規格。
• 以上資訊輸入完成後點選下方的 Review + create

Step 4. 確認相關資訊

• 確認完成後請點選左下角的 Create

Step 5. 建立過程中

Step 6. 建立完成，點選 Go to resource

Step 7. 啟用 Managed identity

• 點選左側的 Identity > 再點選 On

• 點選上方的 Save

• 點選上方的 Yes

建立與設定 Azure Key Vault

Step 1. 於 Azure Portal 中的上方搜尋框輸入 Key Vault > 點選 Key Vaults 的搜尋結果

Step 2. 點選左上角 + Create 按鈕中的 + Web App

Step 3. 輸入相關資訊

• Resource group 欄位請選擇唯一且可識別的名稱。
• Key vault name 欄位請輸入唯一且可識別的名稱。
• Region 欄位請選擇所要使用服務的所在位置。
• Pricing tier 欄位請選擇所要使用的規格。
• 以上資訊輸入完成後點選下方的 Next

• 選擇 Vault access policy 後再點選 Review + create

Step 4. 確認相關資訊

• 確認完成後請點選左下角的 Create

Step 5. 建立過程中

Step 6. 建立完成，點選 Go to resource

Step 7. 設定給 App Service 的存取權限

• 點選左側的 Access configuration > 再點選 Go to access control (IAM)

• 點選上方的 + Create

• 點選 Secret permissions 中的 Get > 再點選下方的 Next

• 於搜尋框輸入所建立的 App Service 名稱 ( 本範例為 app-sample168 ) > 點選所出現的結果 > 再點選 Next

• 點選 Next

• 確認相關資訊後點選 Create

• 存取權限設定完成

Step 8. 設定 Secret

• 點選左側的 Secrets > 再點選上方的 + Generate/Import

• 輸入 Secret 資訊
  • Name 欄位請輸入 db-connection-string
  • Secret value 欄位請輸入 test_from_web
  • 當以上資訊輸入完成後點選左下方的 Create

Step 9. 取得 CURRENT VERSION 與 Secret Identifier

• 點選所建立的 db-connection-string

• 取得 CURRENT VERSION

• 取得 Secret Identifier
  • 點選出現的 CURRENT VERSION

設定 Azure App Service 的 Configuration

Step 1. 回到所建立的 Azure App Service ( 本範例為 app-sample168 ) > 點選左側的 Configuration > 再點選 + New application setting

Step 2. 設定 setting 資訊

• 輸入相關資訊
  • Name 欄位輸入 DB_CONNECTION_STRING
  • Value 欄位輸入 @Microsoft.KeyVault(SecretUri=Value_From_Secret_Identifier)，請修改 Value_From_Secret_Identifier 為 建立與設定 Azure Key Vault 段落 Step 9 所取得的 Secret Identifier
  • 以上資訊輸入完成後點選 OK
  • ㊟ @Microsoft.KeyVault(referenceString) 中的 referenceString 的格式可為以下兩種：

• 點選上方的 Save

• 點選 Continue

部署 Node.js 程式到 Azure App Service

Step 1. 下載範例程式

• https://github.com/ArcherHuang/Azure-App-Service-Key-Vault

Step 2. 部署 Node.js 程式

• 點選 Nodejs 資料夾右鍵 > 點選 Deploy to Web App...

• 選擇所建立的 App Service ( 本範例為 app-sample168 )

• 點選 Deploy

• 部署過程中

• 部署完成

測試與驗證

Step 1. 取得 App Service 的 Default domain

• 到所建立的 App Service ( 本範例為 app-sample168 )

Step 2. 開啟測試頁面

• 於瀏覽器開啟新的頁籤，輸入 https://Default-Domain/secret，請修改 Default-Domain 為上步驟所取得的 Default domain

Reference

• https://learn.microsoft.com/zh-tw/azure/app-service/app-service-key-vault-references?tabs=azure-cli#source-app-settings-from-key-vault

Sample Code

• https://github.com/ArcherHuang/Azure-App-Service-Key-Vault

GitHub

• ArcherHuang @ GitHub

List of blogs

• https://learningsky.io/author/archer/
• https://medium.com/@mmosconii

內容

• 學習目標
• 前置準備作業
• 建立服務所使用的名稱
• 建立 Azure App Service
• 建立與設定 Azure Key Vault
• 設定 Azure App Service 的 Configuration
• 部署 Python 程式到 Azure App Service
• 測試與驗證

學習目標

• 如何在 Azure App Service 中的 Configuration 透過 Azure role-based access control ( RBAC ) 讀取 Azure Key Vault 資訊

前置準備作業

• 已建立 Azure 帳號並能正常登入
• 已於電腦端安裝 IDE，本範例使用 Visual Studio Code ( VScode )
  • https://code.visualstudio.com/
• 已於 VScode 安裝 Azure App Service Extension
  • https://marketplace.visualstudio.com/items?itemName=ms-azuretools.vscode-azureappservice
• 已於 VScode 登入到 Azure

建立服務所使用的名稱

建立 Azure App Service

Step 1. 於 Azure Portal 中的上方搜尋框輸入 App Service > 點選 App Services 的搜尋結果

Step 2. 點選左上角 + Create 按鈕中的 + Web App

Step 3. 輸入相關資訊

• Resource group 欄位請選擇唯一且可識別的名稱。
• Name 欄位請輸入唯一且可識別的名稱。
• Publish 欄位請選擇 Code。
• Runtime stack 欄位請選擇 Python。
• Region 欄位請選擇所要使用服務的所在位置。
• Linux Plan 欄位請選擇所要使用的 Plan。
• Pricing Plan 欄位請選擇所要使用的規格。
• 以上資訊輸入完成後點選左下角的 Review + Create

Step 4. 確認相關資訊

• 確認完成後請點選左下角的 Create

Step 5. 建立過程中

Step 6. 建立完成，點選 Go to resource

Step 7. 啟用 Managed identity

• 點選左側的 Identity > 再點選 On

• 點選上方的 Save

• 點選上方的 Yes

建立與設定 Azure Key Vault

Step 1. 於 Azure Portal 中的上方搜尋框輸入 Key Vault > 點選 Key Vaults 的搜尋結果

Step 2. 點選左上角 + Create 按鈕中的 + Web App

Step 3. 輸入相關資訊

• Resource group 欄位請選擇唯一且可識別的名稱。
• Key vault name 欄位請輸入唯一且可識別的名稱。
• Region 欄位請選擇所要使用服務的所在位置。
• Pricing tier 欄位請選擇所要使用的規格。
• 以上資訊輸入完成後點選左下角的 Review + Create

Step 4. 確認相關資訊

• 確認完成後請點選左下角的 Create

Step 5. 建立過程中

Step 6. 建立完成，點選 Go to resource

Step 7. 設定給 App Service 的存取權限

• 點選左側的 Access configuration > 再點選 Go to access control (IAM)

• 點選上方的 Add 中的 Add role assignment

• 點選 Key Vault Secrets User > 再點選 Next

• 點選 Managed identity > 再點選 + Select members

• Managed identity 欄位選擇 App Service、Select 欄位選擇所建立的 App Service ( 本範例為 app-sample168 )

• 點選下方的 Select

• 點選下方的 Review + assign

• 點選下方的 Review + assign

Step 8. 設定管理 Secrets 的 User 之存取權限

• 點選上方的 Add 中的 Add role assignment

• 點選 Key Vault Secrets Officer > 再點選 Next

• 點選 User, group, or service principal > 再點選 + Select members

• 選擇所要管理 Secrets 的使用者

• 點選下方的 Select

• 點選下方的 Review + assign

• 點選下方的 Review + assign

Step 9. 設定 Secret

• 點選左側的 Secrets > 再點選上方的 + Generate/Import

• 輸入 Secret 資訊
  • Name 欄位請輸入 db-connection-string
  • Secret value 欄位請輸入 test_from_web
  • 當以上資訊輸入完成後點選左下方的 Create

Step 10. 取得 CURRENT VERSION 與 Secret Identifier

• 點選所建立的 db-connection-string

• 取得 CURRENT VERSION

• 取得 Secret Identifier
  • 點選出現的 CURRENT VERSION

設定 Azure App Service 的 Configuration

Step 1. 回到所建立的 Azure App Service ( 本範例為 app-sample168 ) > 點選左側的 Configuration > 再點選 + New application setting

Step 2. 設定 setting 資訊

• 輸入相關資訊
  • Name 欄位輸入 DB_CONNECTION_STRING
  • Value 欄位輸入 @Microsoft.KeyVault(SecretUri=Value_From_Secret_Identifier)，請修改 Value_From_Secret_Identifier 為 建立與設定 Azure Key Vault 段落 Step 10 所取得的 Secret Identifier
  • 以上資訊輸入完成後點選 OK
  • ㊟ @Microsoft.KeyVault(referenceString) 中的 referenceString 的格式可為以下兩種：

• 點選上方的 Save

• 點選 Continue

部署 Python 程式到 Azure App Service

Step 1. 下載範例程式

• https://github.com/ArcherHuang/Azure-App-Service-Key-Vault

Step 2. 部署 Python 程式

• 點選 Python 資料夾右鍵 > 點選 Deploy to Web App...

• 選擇所建立的 App Service ( 本範例為 app-sample168 )

• 點選 Deploy

• 部署過程中

• 部署完成

測試與驗證

Step 1. 取得 App Service 的 Default domain

• 到所建立的 App Service ( 本範例為 app-sample168 )

Step 2. 開啟測試頁面

• 於瀏覽器開啟新的頁籤，輸入 https://Default-Domain/secret，請修改 Default-Domain 為上步驟所取得的 Default domain

Reference

• https://learn.microsoft.com/zh-tw/azure/app-service/app-service-key-vault-references?tabs=azure-cli#source-app-settings-from-key-vault

Sample Code

• https://github.com/ArcherHuang/Azure-App-Service-Key-Vault

GitHub

• ArcherHuang @ GitHub

List of blogs

• https://learningsky.io/author/archer/
• https://medium.com/@mmosconii

內容

• 學習目標
• 前置準備作業
• 建立服務所使用的名稱
• 建立 Azure App Service
• 建立與設定 Azure Key Vault
• 設定 Azure App Service 的 Configuration
• 部署 Node.js 程式到 Azure App Service
• 測試與驗證

學習目標

• 如何在 Azure App Service 中的 Configuration 透過 Azure role-based access control ( RBAC ) 讀取 Azure Key Vault 資訊

前置準備作業

• 已建立 Azure 帳號並能正常登入
• 已於電腦端安裝 IDE，本範例使用 Visual Studio Code ( VScode )
  • https://code.visualstudio.com/
• 已於 VScode 安裝 Azure App Service Extension
  • https://marketplace.visualstudio.com/items?itemName=ms-azuretools.vscode-azureappservice
• 已於 VScode 登入到 Azure

建立服務所使用的名稱

建立 Azure App Service

Step 1. 於 Azure Portal 中的上方搜尋框輸入 App Service > 點選 App Services 的搜尋結果

Step 2. 點選左上角 + Create 按鈕中的 + Web App

Step 3. 輸入相關資訊

• Resource group 欄位請選擇唯一且可識別的名稱。
• Name 欄位請輸入唯一且可識別的名稱。
• Publish 欄位請選擇 Code。
• Runtime stack 欄位請選擇 Node 18 LTS。
• Region 欄位請選擇所要使用服務的所在位置。
• Linux Plan 欄位請選擇所要使用的 Plan。
• Pricing Plan 欄位請選擇所要使用的規格。
• 以上資訊輸入完成後點選左下角的 Review + Create

Step 4. 確認相關資訊

• 確認完成後請點選左下角的 Create

Step 5. 建立過程中

Step 6. 建立完成，點選 Go to resource

Step 7. 啟用 Managed identity

• 點選左側的 Identity > 再點選 On

• 點選上方的 Save

• 點選上方的 Yes

建立與設定 Azure Key Vault

Step 1. 於 Azure Portal 中的上方搜尋框輸入 Key Vault > 點選 Key Vaults 的搜尋結果

Step 2. 點選左上角 + Create 按鈕中的 + Web App

Step 3. 輸入相關資訊

• Resource group 欄位請選擇唯一且可識別的名稱。
• Key vault name 欄位請輸入唯一且可識別的名稱。
• Region 欄位請選擇所要使用服務的所在位置。
• Pricing tier 欄位請選擇所要使用的規格。
• 以上資訊輸入完成後點選左下角的 Review + Create

Step 4. 確認相關資訊

• 確認完成後請點選左下角的 Create

Step 5. 建立過程中

Step 6. 建立完成，點選 Go to resource

Step 7. 設定給 App Service 的存取權限

• 點選左側的 Access configuration > 再點選 Go to access control (IAM)

• 點選上方的 Add 中的 Add role assignment

• 點選 Key Vault Secrets User > 再點選 Next

• 點選 Managed identity > 再點選 + Select members

• Managed identity 欄位選擇 App Service、Select 欄位選擇所建立的 App Service ( 本範例為 app-sample168 )

• 點選下方的 Select

• 點選下方的 Review + assign

• 點選下方的 Review + assign

Step 8. 設定管理 Secrets 的 User 之存取權限

• 點選上方的 Add 中的 Add role assignment

• 點選 Key Vault Secrets Officer > 再點選 Next

• 點選 User, group, or service principal > 再點選 + Select members

• 選擇所要管理 Secrets 的使用者

• 點選下方的 Select

• 點選下方的 Review + assign

• 點選下方的 Review + assign

Step 9. 設定 Secret

• 點選左側的 Secrets > 再點選上方的 + Generate/Import

• 輸入 Secret 資訊
  • Name 欄位請輸入 db-connection-string
  • Secret value 欄位請輸入 test_from_web
  • 當以上資訊輸入完成後點選左下方的 Create

Step 10. 取得 CURRENT VERSION 與 Secret Identifier

• 點選所建立的 db-connection-string

• 取得 CURRENT VERSION

• 取得 Secret Identifier
  • 點選出現的 CURRENT VERSION

設定 Azure App Service 的 Configuration

Step 1. 回到所建立的 Azure App Service ( 本範例為 app-sample168 ) > 點選左側的 Configuration > 再點選 + New application setting

Step 2. 設定 setting 資訊

• 輸入相關資訊
  • Name 欄位輸入 DB_CONNECTION_STRING
  • Value 欄位輸入 @Microsoft.KeyVault(SecretUri=Value_From_Secret_Identifier)，請修改 Value_From_Secret_Identifier 為 建立與設定 Azure Key Vault 段落 Step 10 所取得的 Secret Identifier
  • 以上資訊輸入完成後點選 OK
  • ㊟ @Microsoft.KeyVault(referenceString) 中的 referenceString 的格式可為以下兩種：

• 點選上方的 Save

• 點選 Continue

部署 Node.js 程式到 Azure App Service

Step 1. 下載範例程式

• https://github.com/ArcherHuang/Azure-App-Service-Key-Vault

Step 2. 部署 Node.js 程式

• 點選 Nodejs 資料夾右鍵 > 點選 Deploy to Web App...

• 選擇所建立的 App Service ( 本範例為 app-sample168 )

• 點選 Deploy

• 部署過程中

• 部署完成

測試與驗證

Step 1. 取得 App Service 的 Default domain

• 到所建立的 App Service ( 本範例為 app-sample168 )

Step 2. 開啟測試頁面

• 於瀏覽器開啟新的頁籤，輸入 https://Default-Domain/secret，請修改 Default-Domain 為上步驟所取得的 Default domain

Reference

• https://learn.microsoft.com/zh-tw/azure/app-service/app-service-key-vault-references?tabs=azure-cli#source-app-settings-from-key-vault

Sample Code

• https://github.com/ArcherHuang/Azure-App-Service-Key-Vault

GitHub

• ArcherHuang @ GitHub

List of blogs

• https://learningsky.io/author/archer/
• https://medium.com/@mmosconii