在 Azure 存储中托管静态网站

1. 登录到 Azure 门户即可开始操作。

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

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

   

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

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

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

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

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

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

   

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

   

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

1. 如果在本地安装了 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 -Environment AzureChinaCloud
   

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 属性字段中设置该值。

   

   Nota

   此属性会自动设置为 text/html，用于常见识别的扩展名，例如 .html。 在某些情况下，你需要自行进行设置。 如果未将此属性 text/html设置为，浏览器将提示用户下载文件，而不是呈现内容。 可以在上一步中设置此属性。

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

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> 占位符值替换为存储帐户的名称。