前言

[Azure 筆記] 前言

---

原文

Exercise: Create a static HTML web app by using Azure Cloud Shell

---

小結

這篇就是一起試着用 Azure CLI (Azure 的命令行工具) 來建立一個靜態網站

Azure 有為這個練習提供一個免費的 Sandbox 作為運行環境
所以還是很建議大家直接到原文去跟着做一做的

這個練習大致分為三個部份，分別說了
要怎樣從 Github 取得所需的程式碼
使用 CLI 來建立一個 web app
以及怎樣使用 CLI 來更新 web app 的程式碼

大致上都是一步一步的跟着做就好了
我在這裏就稍稍的解釋一下練習中的 CLI 指令吧

App Name 生成

在「Download the sample」一節中
有以下這句指令

resourceGroup=$(az group list --query "[].{id:name}" -o tsv)
appName=az204app$RANDOM

這行命令是用於在 Azure CLI 中列出資源組並將其名稱存儲到變數 resourceGroup 中。讓我們分解這個命令的各個部分：

1. az group list: 這是一個 Azure CLI 命令，用於列出所有的資源組。資源組是 Azure 中用來組織和管理相關資源的容器。
2. --query "[].{id:name}": 這個選項使用 JMESPath 查詢語言來篩選和格式化輸出的結果。在這裡，[].{id:name} 的意思是對每個資源組提取其name，並將其作為一個對象的 id 屬性。這樣的查詢會生成一個包含所有資源組名稱的列表。
   • 假設有兩個資源組，分別名為 ResourceGroup1 和 ResourceGroup2。使用 --query "[].{id:name}" 後，輸出的結果會類似於：
     [ { "id": "ResourceGroup1" }, { "id": "ResourceGroup2" } ]
3. -o tsv: 這個選項指定輸出格式為制表符分隔值（TSV）。這意味著輸出的結果將以簡潔的格式顯示，每個名稱之間用制表符分隔，方便進一步處理。
4. resourceGroup=$(...): 這部分將命令的輸出結果賦值給變數 resourceGroup。換句話說，變數 resourceGroup 現在包含了所有資源組的名稱，以制表符分隔的字符串形式呈現。
5. az204app$RANDOM 用了 $RANDOM 來構建一個隨機的 web app 名稱
   這是因為 web app 的名稱必須是唯一的，不可與其他 web app 重覆 (包括不能和其他人的 web app 相同)
   官方文檔如下

We cannot create a web app with a name that already exists in the Azure. The web app name is part of the web app’s URL, so it must be unique among all Azure App Service web apps.

Deploy coding

在 「Create the web app」 和 「Update and redeploy the app」這兩節中都有用到下面這一句語法

az webapp up -g $resourceGroup -n $appName --html

1. az webapp up: 這句指令是用來把你的程式碼部署(deploy) web app 上，如果該 web app 不存在的話，就會自動生成一個 web app
2. --html: 這個參數是在告訴 Azure 這次要部署的是一個靜態 HTML 網頁。然後 Azure 就會為你設定好相應的環境，該你的靜態網頁程式碼一被上傳到 web app 就完成部署。這通常用於快速部署一個簡單的靜態網站，讓用戶能夠快速查看和測試。

這篇寫下來最大的感受不是 App service 有多強大
而是 AI 真的有夠好用
換作以往，我可能要爬文爬上半天才能把指令的意思猜個大概
但現在就是直接把指令丟給 AI 讓它解釋及順便翻譯一下

文中也有一些是直接搬 AI 的回應
不知道大家能看出那些是嗎 🤭

Web app 的開場章節終於要完了
下一節就是設置 Web app
我們都還有漫漫長路呢~

---

文本抄錄

這篇比較簡短
我就不抄了 ((懶 =]

大家有什麼想說的就在下面留言一起討論吧!~