在 Azure 存储中托管静态网站

可以直接从 常规用途 V2BlockBlobStorage 帐户中的容器提供静态内容(HTML、CSS、JavaScript 和图像文件)。 若要了解详细信息,请参阅 Azure 存储中的静态网站托管

本文介绍如何使用 Azure 门户、Azure CLI 或 PowerShell 启用静态网站托管。

启用静态网站托管

静态网站托管是在存储帐户上必须启用的功能。

可以使用 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”。

上传文件

从源目录将对象上传到 $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:

 $storageAccount = Get-AzStorageAccount -ResourceGroupName "<resource-group-name>" -Name "<storage-account-name>"
Write-Output $storageAccount.PrimaryEndpoints.Web
  • <resource-group-name> 占位符值替换为资源组的名称。

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

在静态网站页面上启用指标

启用指标后,指标仪表板会报告有关 $web 容器中的文件的流量统计信息。

  1. 单击存储帐户菜单的“监视”部分下的“指标”。

    指标链接

    备注

    通过挂钩到不同的指标 API 来生成指标数据。 门户仅显示给定时间范围内使用的 API 成员,以便仅关注返回数据的成员。 为了确保能够选择必要的 API 成员,第一步是扩展时间范围。

  2. 单击时间范围按钮,选择一个时间范围,然后单击“ 应用”。

    Azure 存储静态网站指标时间范围

  3. 命名空间下拉列表中选择 Blob

    Azure 存储静态网站指标命名空间

  4. 然后选择 出口 指标。

    显示 Azure 存储静态网站 Egress 指标的屏幕截图。

  5. 聚合选择器中选择 Sum

    Azure 存储静态网站指标聚合

  6. 单击“添加筛选器”按钮,然后从属性选择器中选择 API 名称

    Azure 存储静态网站指标 API 名称

  7. 选中选择器中 GetWebContent 旁边的框以填充指标报表。

    Azure 存储静态网站指标 GetWebContent

    备注

    仅当给定的时间范围内使用了该 API 成员时, 才会显示 GetWebContent 复选框。 门户仅显示给定时间范围内使用的 API 成员,以便仅关注返回数据的成员。 如果在此列表中找不到特定 API 成员,请展开时间范围。

后续步骤