在 Azure 存储中托管静态网站

1. 登录到 Azure 门户。

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

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

   

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

5. 在 索引文档名称 字段中，输入默认索引页面（例如， index.html）。

   当你导航到静态网站的根节点时，默认索引页面就会出现。

6. 在 错误文档路径 字段中，输入默认错误页面（例如 404.html）。

   当你导航到不存在于静态网站的页面时，默认错误页面会出现。

7. 选择 保存 以完成静态站点配置。

   

8. 保存配置后，会出现确认信息。 概览面板显示你的静态网站端点和其他配置信息。

   

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

1. 如果在本地安装了 Azure CLI，请打开命令控制台应用程序，例如 Windows PowerShell。

2. 如果你的身份关联多个订阅，将你的活跃订阅设置为托管静态网站的存储账户的订阅。 将 <subscription-id> 占位符值替换为你的订阅 ID。

   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-Object 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、Azure PowerShell、Azure CLI 或自定义应用将文件上传到$web账户容器。 关于使用 Visual Studio Code 上传文件的逐步教程，请参见教程：在 Blob 存储 上托管静态网站。

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

2. 在 容器 面板中，选择容器 $web 以打开该容器的 概览 面板。

   

3. 在 概览 面板中，选择 上传。 在 上传 blob 面板中，选择 文件 字段以打开文件浏览器。 导航到文件，选中它，然后选择 打开。 或者，可选择如果文件已存在则覆盖。

   

4. 如果你打算浏览器显示文件内容，请确保该文件的内容类型设置为 text/html。 要验证此设置，请选择你在上一步上传的blob名称，打开其 概览 窗格。 确保在 CONTENT-TYPE 属性字段中设置该值。

   

   注释

   此属性会自动设置为 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> 占位符值替换为存储帐户的名称。