Skip to content

Commit 61cd8bc

Browse files
Merge pull request #291739 from duongau/cdnwebapp
CDN - Add CDN to a web app (add numbering to steps)
2 parents f6a1cf2 + 2dae295 commit 61cd8bc

File tree

1 file changed

+25
-29
lines changed

1 file changed

+25
-29
lines changed

articles/cdn/cdn-add-to-web-app.md

Lines changed: 25 additions & 29 deletions
Original file line numberDiff line numberDiff line change
@@ -54,29 +54,27 @@ Otherwise, if you don't want to optimize your new endpoint, you can use the web
5454

5555
## Create a content delivery network profile and endpoint
5656

57-
In the left navigation, select **App Services**, and then select the app that you created in the [static HTML quickstart](../app-service/quickstart-html.md).
57+
1. In the left navigation, select **App Services**, and then select the app that you created in the [static HTML quickstart](../app-service/quickstart-html.md).
5858

59-
:::image type="content" source="./media/cdn-add-to-web-app/portal-select-app-services.png" alt-text="Screenshot of select an App Service app in the portal.":::
59+
:::image type="content" source="./media/cdn-add-to-web-app/portal-select-app-services.png" alt-text="Screenshot of select an App Service app in the portal.":::
6060

61-
In the **App Service** page, in the **Settings** section, select **Networking > Azure CDN**.
61+
1. In the **App Service** page, in the **Settings** section, select **Networking > Azure CDN**.
6262

63-
:::image type="content" source="./media/cdn-add-to-web-app/portal-select-cdn.png" alt-text="Screenshot of select Azure Content Delivery Network from networking setting of an App Service.":::
63+
:::image type="content" source="./media/cdn-add-to-web-app/portal-select-cdn.png" alt-text="Screenshot of select Azure Content Delivery Network from networking setting of an App Service.":::
6464

65-
In the **Azure Content Delivery Network** page, provide the **New endpoint** settings as specified in the table.
65+
1. In the **Azure Content Delivery Network** page, provide the **New endpoint** settings as specified in the table.
6666

67-
:::image type="content" source="./media/cdn-add-to-web-app/portal-new-endpoint.png" alt-text="Screenshot of create Azure Content Delivery Network profile and endpoint in the portal.":::
67+
:::image type="content" source="./media/cdn-add-to-web-app/portal-new-endpoint.png" alt-text="Screenshot of create Azure Content Delivery Network profile and endpoint in the portal.":::
6868

69-
| Setting | Suggested value | Description |
70-
| ------- | --------------- | ----------- |
71-
| **content delivery network profile** | myCDNProfile | A content delivery network profile is a collection of content delivery network endpoints with the same pricing tier. |
72-
| **Pricing tier** | Microsoft content delivery network (classic) | The [pricing tier](cdn-features.md) specifies the provider and available features. |
73-
| **content delivery network endpoint name** | Any name that is unique in the azureedge.net domain | You access your cached resources at the domain *<endpointname>*.azureedge.net.
69+
| Setting | Suggested value | Description |
70+
| ------- | --------------- | ----------- |
71+
| **content delivery network profile** | myCDNProfile | A content delivery network profile is a collection of content delivery network endpoints with the same pricing tier. |
72+
| **Pricing tier** | Microsoft content delivery network (classic) | The [pricing tier](cdn-features.md) specifies the provider and available features. |
73+
| **content delivery network endpoint name** | Any name that is unique in the azureedge.net domain | You access your cached resources at the domain *<endpointname>*.azureedge.net.
7474

75-
Select **Create** to create a content delivery network profile.
75+
1. Select **Create** to create a content delivery network profile. Azure creates the profile and endpoint. The new endpoint appears in the **Endpoints** list, and when it's provisioned, the status is **Running**.
7676

77-
Azure creates the profile and endpoint. The new endpoint appears in the **Endpoints** list, and when it's provisioned, the status is **Running**.
78-
79-
:::image type="content" source="./media/cdn-add-to-web-app/portal-new-endpoint-in-list.png" alt-text="Screenshot of new Azure Content Delivery Network endpoint in list.":::
77+
:::image type="content" source="./media/cdn-add-to-web-app/portal-new-endpoint-in-list.png" alt-text="Screenshot of new Azure Content Delivery Network endpoint in list.":::
8078

8179
<a name='test-the-cdn-endpoint'></a>
8280

@@ -146,23 +144,21 @@ If you browse to the content delivery network endpoint URL for the home page, yo
146144

147145
To trigger the content delivery network to update its cached version, purge the content delivery network.
148146

149-
In the portal left navigation, select **Resource groups**, and then select the resource group that you created for your web app (myResourceGroup).
150-
151-
:::image type="content" source="./media/cdn-add-to-web-app/portal-select-group.png" alt-text="Screenshot of selecting resource group from left menu pane in the portal.":::
147+
1. In the portal left navigation, select **Resource groups**, and then select the resource group that you created for your web app (myResourceGroup).
152148

153-
In the list of resources, select your content delivery network endpoint.
149+
:::image type="content" source="./media/cdn-add-to-web-app/portal-select-group.png" alt-text="Screenshot of selecting resource group from left menu pane in the portal.":::
154150

155-
:::image type="content" source="./media/cdn-add-to-web-app/portal-select-endpoint.png" alt-text="Screenshot of Azure Content Delivery Network endpoint from resource group.":::
151+
1. In the list of resources, select your content delivery network endpoint.
156152

157-
At the top of the **Endpoint** page, select **Purge**.
153+
:::image type="content" source="./media/cdn-add-to-web-app/portal-select-endpoint.png" alt-text="Screenshot of Azure Content Delivery Network endpoint from resource group.":::
158154

159-
:::image type="content" source="./media/cdn-add-to-web-app/portal-select-purge.png" alt-text="Screenshot of purge button in an Azure Content Delivery Network profile.":::
155+
1. At the top of the **Endpoint** page, select **Purge**.
160156

161-
Enter the content paths you want to purge. You can pass a complete file path to purge an individual file, or a path segment to purge and refresh all content in a folder. Because you changed *index.html*, ensure that is in one of the paths.
157+
:::image type="content" source="./media/cdn-add-to-web-app/portal-select-purge.png" alt-text="Screenshot of purge button in an Azure Content Delivery Network profile.":::
162158

163-
At the bottom of the page, select **Purge**.
159+
1. Enter the content paths you want to purge. You can pass a complete file path to purge an individual file, or a path segment to purge and refresh all content in a folder. Because you changed *index.html*, ensure that is in one of the paths. At the bottom of the page, select **Purge**.
164160

165-
:::image type="content" source="./media/cdn-add-to-web-app/app-service-web-purge-cdn.png" alt-text="Screenshot of purge page in an Azure Content Delivery Network profile.":::
161+
:::image type="content" source="./media/cdn-add-to-web-app/app-service-web-purge-cdn.png" alt-text="Screenshot of purge page in an Azure Content Delivery Network profile.":::
166162

167163
<a name='verify-that-the-cdn-is-updated'></a>
168164

@@ -194,13 +190,13 @@ In this section of the tutorial, you change the caching behavior to cache every
194190

195191
### Change the cache behavior
196192

197-
In the Azure portal **CDN Endpoint** page, select **Cache**.
193+
1. In the Azure portal **CDN Endpoint** page, select **Cache**.
198194

199-
Select **Cache every unique URL** from the **Query string caching behavior** dropdown list.
195+
1. Select **Cache every unique URL** from the **Query string caching behavior** dropdown list.
200196

201-
Select **Save**.
197+
1. Select **Save**.
202198

203-
:::image type="content" source="./media/cdn-add-to-web-app/portal-select-caching-behavior.png" alt-text="Screenshot of cache rules settings for an Azure Content Delivery Network profile.":::
199+
:::image type="content" source="./media/cdn-add-to-web-app/portal-select-caching-behavior.png" alt-text="Screenshot of cache rules settings for an Azure Content Delivery Network profile.":::
204200

205201
### Verify that unique URLs are cached separately
206202

0 commit comments

Comments
 (0)