在 Azure 記憶體中裝載靜態網站

您可以直接從一般用途 V2 或 BlockBlobStorage 帳戶中的容器提供靜態內容（HTML、CSS、JavaScript 和圖像檔案）。若要深入瞭解，請參閱 Azure 記憶體中的靜態網站裝載。

本文說明如何使用 Azure 入口網站、Azure CLI 或 PowerShell 來啟用靜態網站裝載。

啟用靜態網站托管

靜態網站裝載是您必須在記憶體帳戶上啟用的功能。

登入 Azure 入口網站以開始使用。
找出您的記憶體帳戶，然後選取它以顯示帳戶的 [ 概觀 ] 窗格。
在 [ 概觀] 窗格中，選取 [ 功能] 索引卷標。接下來，選取 [靜態網站 ] 以顯示靜態網站的組態頁面。
選取 [已啟用] 以啟用儲存帳戶的靜態網站託管。
在 [ 索引檔名稱 ] 字段中，指定預設索引頁（例如： index.html）。

當使用者瀏覽至靜態網站的根目錄時，會顯示預設索引頁。
在 [ 錯誤文件路徑 ] 字段中，指定預設錯誤頁面（例如： 404.html）。

當使用者嘗試瀏覽至靜態網站中不存在的頁面時，會顯示預設錯誤頁面。
點擊儲存以完成靜態網站設定。
隨即顯示確認訊息。靜態網站端點和其他組態信息會顯示在 [概觀 ] 窗格中。

您可以使用 Azure CLI 來啟用靜態網站裝載。

首先，開啟 Azure Cloud Shell，或若已在本機安裝 Azure CLI，請開啟 Windows PowerShell 等命令主控台應用程式。
如果您的身分識別與多個訂閱相關聯，請將您的使用中訂閱設為將代管靜態網站的儲存體帳戶的訂閱。
```
az account set --subscription <subscription-id>
```
使用訂閱識別碼取代 <subscription-id> 預留位置值。
啟用靜態網站主機托管。
```
az storage blob service-properties update --account-name <storage-account-name> --static-website --404-document <error-document-name> --index-document <index-document-name>
```
- 使用您的儲存體帳戶名稱取代 <storage-account-name> 預留位置值。
- 將<error-document-name>佔位元替換為錯誤檔的名稱，當瀏覽器請求您網站上不存在的頁面時，會顯示給使用者。
- 將 <index-document-name> 佔位符替換為索引檔案的名稱。本檔通常是“index.html”。

您可以使用 Azure PowerShell 模組來啟用靜態網站裝載。

開啟 Windows PowerShell 命令視窗。
確認您有 Azure PowerShell 模組 Az 0.7 版或更新版本。
```
Get-InstalledModule -Name Az -AllVersions | select Name,Version
```
如果您需要安裝或升級，請參閱安裝 Azure PowerShell 模組。
使用 Connect-AzAccount 命令登入 Azure 訂用帳戶並遵循畫面上的指示。
```
Connect-AzAccount
```
如果您的身分識別與多個訂閱相關聯，請將您的使用中訂閱設為將代管靜態網站的儲存體帳戶的訂閱。
```
$context = Get-AzSubscription -SubscriptionId <subscription-id>
Set-AzContext $context
```
使用訂閱識別碼取代 <subscription-id> 預留位置值。
取得定義想要使用儲存體帳戶的儲存體帳戶內容。
```
$storageAccount = Get-AzStorageAccount -ResourceGroupName "<resource-group-name>" -AccountName "<storage-account-name>"
$ctx = $storageAccount.Context
```
- 將 <resource-group-name> 預留位置值替換為資源群組的名稱。
- 使用您的儲存體帳戶名稱取代 <storage-account-name> 預留位置值。
啟用靜態網站主機托管。
```
Enable-AzStorageStaticWebsite -Context $ctx -IndexDocument <index-document-name> -ErrorDocument404Path <error-document-name>
```
- 將<error-document-name>佔位元替換為錯誤檔的名稱，當瀏覽器請求您網站上不存在的頁面時，會顯示給使用者。
- 將 <index-document-name> 佔位符替換為索引檔案的名稱。本檔通常是“index.html”。

上傳檔案

下列指示說明如何使用 Azure 入口網站上傳檔案。您也可以使用 AzCopy、PowerShell、CLI 或任何可將檔案上傳至帳戶 $web 容器的自定義應用程式。如需使用 Visual Studio 程式代碼上傳檔案的逐步教學課程，請參閱教學課程：在 Blob 記憶體上裝載靜態網站。

在 Azure 入口網站中，流覽至包含您靜態網站的記憶體帳戶。選取左側瀏覽窗格中的 [容器 ] 以顯示容器清單。
在 [ 容器] 窗格中，選取 $web 容器，以開啟容器的 [ 概觀 ] 窗格。
在 [ 概觀] 窗格中，選取 [上傳 ] 圖示以開啟 [ 上傳 Blob ] 窗格。接下來，選取 [上傳 Blob] 窗格中的 [檔案] 字段，以開啟檔案瀏覽器。流覽至您要上傳的檔案，選取它，然後選取 [ 開啟 ] 以填入 [ 檔案 ] 字段。您可選擇選取 如果檔案已經存在則覆寫 的複選框。
如果您要讓瀏覽器顯示檔案的內容，請確定該檔案的內容類型設定為 text/html。若要確認這一點，請選取您在上一個步驟中上傳的 Blob 名稱，以開啟其 [ 概觀 ] 窗格。確定值是在 CONTENT-TYPE 屬性欄位中設定的。

備註

此屬性會自動設定為 text/html ，以供常用的擴充功能使用，例如 .html。不過，在某些情況下，您必須自行設定。如果您未將此屬性設定為 text/html，瀏覽器會提示使用者下載檔案，而不是轉譯內容。這個屬性可以在上一個步驟中設定。

從來源目錄將對象上傳至 $web 容器。

此範例假設您正在 Azure Cloud Shell 工作階段內執行命令。

az storage blob upload-batch -s <source-path> -d '$web' --account-name <storage-account-name>

備註

如果瀏覽器提示使用者下載檔案，而不是轉譯內容，您可以附加 --content-type 'text/html; charset=utf-8' 至命令。

使用您的儲存體帳戶名稱取代 <storage-account-name> 預留位置值。
將 <source-path> 佔位元替換為您要上傳檔案所在位置的路徑。

備註

如果您使用 Azure CLI 的位置安裝，則可以使用本機電腦上任何位置的路徑（例如： C:\myFolder。

如果您使用 Azure Cloud Shell，則必須參考 Cloud Shell 可見的檔案共用。此位置可以是 Cloud Share 本身的檔案共用，或是您在 Cloud Shell 掛載的現有檔案共用。若要瞭解如何這樣做，請參閱在 Azure Cloud Shell 中保存檔案。

從來源目錄將對象上傳至 $web 容器。

# upload a file
set-AzStorageblobcontent -File "<path-to-file>" `
-Container `$web `
-Blob "<blob-name>" `
-Context $ctx

備註

如果瀏覽器提示使用者下載檔案，而不是轉譯內容，您可以附加 -Properties @{ ContentType = "text/html; charset=utf-8";} 至命令。

將 <path-to-file> 佔位元值取代為您要上傳之檔案的完整路徑（例如： C:\temp\index.html）。
將 <blob-name> 佔位元值取代為您想要提供結果 Blob 的名稱（例如： index.html）。

尋找網站 URL

您可以使用網站的公用 URL，從瀏覽器檢視網站的頁面。

在儲存帳戶帳戶概觀頁面旁邊的窗格中，選取 靜態網站。您的網站 URL 會出現在 [主要端點] 欄位中。

Azure 儲存體靜態網站度量

使用下列命令尋找靜態網站的公用 URL：

az storage account show -n <storage-account-name> -g <resource-group-name> --query "primaryEndpoints.web" --output tsv

使用您的儲存體帳戶名稱取代 <storage-account-name> 預留位置值。
將 <resource-group-name> 預留位置值替換為資源群組的名稱。

使用下列命令來尋找靜態網站的公用 URL：

 $storageAccount = Get-AzStorageAccount -ResourceGroupName "<resource-group-name>" -Name "<storage-account-name>"
Write-Output $storageAccount.PrimaryEndpoints.Web

將 <resource-group-name> 預留位置值替換為資源群組的名稱。
使用您的儲存體帳戶名稱取代 <storage-account-name> 預留位置值。

在靜態網站頁面上啟用計量

啟用計量之後，計量儀表板會報告與 $web 容器中檔案有關的流量統計資料。

單擊記憶體帳戶功能表的 [監視] 區段底下的 [計量]。

備註

計量數據是透過連結至不同的計量 API 來產生。入口網站只會顯示指定時間範圍內使用的 API 成員，以便只專注於傳回數據的成員。為了確保您可以選取必要的 API 成員，第一個步驟是展開時間範圍。
按兩下時間範圍按鈕，選擇時間範圍，然後按下 [ 套用]。
從 [命名空間] 下拉式清單中選取 [Blob]。
然後選取輸出計量。
從 [匯總選取器] 中選取 [加總]。
按兩下 [新增篩選] 按鈕，然後從 [屬性選取器] 中選擇 [API 名稱]。
勾選 GetWebContent 在值選取器旁的方塊，以填入計量報表。

備註

只有在指定的時間範圍內使用該 API 成員時， 才會顯示 GetWebContent 複選框。入口網站只會顯示指定時間範圍內使用的 API 成員，以便只專注於傳回數據的成員。如果您在此清單中找不到特定的 API 成員，請展開時間範圍。