在 Azure 存储中托管静态网站

1. 登录到 Azure 门户 以开始使用。

2. 找到存储帐户并选择它以显示帐户的 “概述 ”窗格。

3. 在“ 概述 ”窗格中，选择“ 功能 ”选项卡。接下来，选择 “静态网站 ”以显示静态网站的配置页。

   

4. 选择 “已启用” 以启用存储帐户的静态网站托管。

5. 在 “索引文档名称 ”字段中，指定默认索引页（例如： index.html）。

   当用户导航到静态网站的根时，将显示默认索引页。

6. 在 “错误文档路径 ”字段中，指定默认错误页（例如： 404.html）。

   当用户尝试导航到静态网站中不存在的页面时，将显示默认错误页。

7. 单击“ 保存 ”完成静态站点配置。

   

8. 此时会显示确认消息。 静态网站终结点和其他配置信息显示在 “概述 ”窗格中。

   

可以使用 Azure CLI 启用静态网站托管。

1. 首先，打开 Azure Cloud Shell，或者，如果已在本地安装 Azure CLI，请打开命令控制台应用程序，如 Windows PowerShell。

2. 如果你的标识与多个订阅相关联，请将你的活动订阅设置为将托管静态网站的存储帐户的订阅。

   az account set --subscription <subscription-id>
   

   将 <subscription-id> 占位符值替换为你的订阅 ID。

3. 启用静态网站托管。

   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 模块启用静态网站托管。

1. 打开 Windows PowerShell 命令窗口。

2. 验证是否具有 Azure PowerShell 模块 Az 版本 0.7 或更高版本。

   Get-InstalledModule -Name Az -AllVersions | select Name,Version
   

   如果需要进行安装或升级，请参阅安装 Azure PowerShell 模块。

3. 运行 Connect-AzAccount 命令以登录 Azure 订阅，并按照屏幕上的说明操作。

   Connect-AzAccount
   

4. 如果你的标识与多个订阅相关联，请将你的活动订阅设置为将托管静态网站的存储帐户的订阅。

   $context = Get-AzSubscription -SubscriptionId <subscription-id>
   Set-AzContext $context
   

   将 <subscription-id> 占位符值替换为你的订阅 ID。

5. 获取定义了要使用的存储帐户的存储帐户上下文。

   $storageAccount = Get-AzStorageAccount -ResourceGroupName "<resource-group-name>" -AccountName "<storage-account-name>"
   $ctx = $storageAccount.Context
   

   • 将 <resource-group-name> 占位符值替换为资源组的名称。

   • 将 <storage-account-name> 占位符值替换为存储帐户的名称。

6. 启用静态网站托管。

   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 存储上托管静态网站。

1. 在 Azure 门户中，导航到包含静态网站的存储帐户。 在左侧导航窗格中选择 “容器 ”以显示容器列表。

2. 在 “容器 ”窗格中，选择 $web 容器以打开容器的 “概述 ”窗格。

   

3. 在“ 概述 ”窗格中，选择 “上传 ”图标以打开 “上传 Blob ”窗格。 接下来，选择“上传 Blob”窗格中的文件字段以打开文件浏览器。 导航到要上传的文件，将其选中，然后选择 “打开 ”以填充 “文件 ”字段。 （可选）选中“文件存在时覆盖”复选框。

   

4. 如果希望浏览器显示文件的内容，请确保该文件的内容类型设置为 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>

• 将 <storage-account-name> 占位符值替换为存储帐户的名称。

• 将 <source-path> 占位符替换为要上传的文件位置的路径。

从源目录将对象上传到 $web 容器。

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

• 将<path-to-file>占位符值替换为要上传的文件的完全限定路径（例如： C:\temp\index.html

• 将 <blob-name> 占位符值替换为要为生成的 Blob 提供的名称（例如： index.html） 。

在存储帐户的帐户概述页旁显示的窗格中，选择 “静态网站”。 站点的 URL 显示在 “主终结点 ”字段中。

使用以下命令查找静态网站的公共 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> 占位符值替换为存储帐户的名称。