下一步

演练 - 将静态网站部署到 Blob 存储

8 分钟

在探索内容分发网络之前，让我们先在 Azure 存储中部署一个要在整个模块中使用的静态网站。

在 Azure Cloud Shell 中创建存储帐户

首先，要创建一个新的存储帐户来托管静态站点。完成该操作后，便可以通过内容分发网络访问此站点。

使用免费沙盒，可以在部分 Azure 全球区域中创建资源。创建资源时，请从此列表中选择一个区域：

美国西部2
美国中南部
美国中部
美国东部
欧洲西部

亚洲东南部
日本东部
巴西南部
澳大利亚东南部
centralindia

通过在 Azure Cloud Shell 中执行以下命令来安装 storage-preview 扩展。我们需要使用此 Azure CLI 扩展来从 CLI 管理静态网站。在右侧的 Cloud Shell 终端窗口中运行以下命令：
```
az extension add --name storage-preview
```
在 Cloud Shell 中运行这些命令，设置几个 shell 变量。在整个模块中使用这些变量来创建存储帐户名等项目。使用区域列表中的某个位置来替换 <location>。
```
STORAGE_ACCOUNT_NAME="cdnsitestorage$RANDOM" \
RESOURCE_GROUP=<rgn>[sandbox resource group name]</rgn> \
LOCATION=<location>
```

在 Cloud Shell 中运行此命令以创建存储帐户。

az storage account create \
    --name $STORAGE_ACCOUNT_NAME \
    --resource-group $RESOURCE_GROUP \
    --location $LOCATION \
    --sku Standard_LRS \
    --kind StorageV2

在输出中，找到 "primaryEndpoints" Web URL、将其复制，并在 Web 浏览器中打开该链接。打开的页面显示“请求的内容不存在”。不关闭此选项卡；我们将部署静态内容，然后刷新该页面。

在存储帐户上启用静态网站托管

在 Cloud Shell 中运行以下命令，以在存储帐户上启用静态网站托管。

az storage blob service-properties update \
    --account-name $STORAGE_ACCOUNT_NAME \
    --static-website \
    --404-document 404.html \
    --index-document index.html

在输出内容的末尾，应会看到此条目：

"staticWebsite": {
    "enabled": true,
    "errorDocument_404Path": "404.html",
    "indexDocument": "index.html"
}

切换到显示静态网站的浏览器选项卡并刷新。将看到一条消息，它显示“请求的内容不存在”。

将文件上传到静态网站

要上传网站文件，请执行以下命令：

git clone https://github.com/MicrosoftDocs/mslearn-create-cdn-static-resources-blob-storage source

导航到 source/website-files 文件夹
```
cd source/website-files
```

然后将这些文件上传到 $web Blob 存储容器。

az storage blob upload-batch -s . -d \$web --account-name $STORAGE_ACCOUNT_NAME

检查网站发布内容

切换到之前打开的网站，然后刷新页面（按 F5）。刷新后，将看到登陆页面和图像。

继续

演练 - 将静态网站部署到 Blob 存储

在 Azure Cloud Shell 中创建存储帐户

在存储帐户上启用静态网站托管

将文件上传到静态网站

检查网站发布内容

反馈