You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardExpand all lines: articles/static-web-apps/front-door-manual.md
+27-15Lines changed: 27 additions & 15 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -23,7 +23,7 @@ In this tutorial, you learn how to:
23
23
> [!NOTE]
24
24
> This tutorial requires the Azure Static Web Apps Standard and Azure Front Door Standard / Premium plans.
25
25
26
-
## Copy URL
26
+
## Copy web app URL
27
27
28
28
1. Navigate to the Azure portal.
29
29
@@ -35,23 +35,23 @@ In this tutorial, you learn how to:
35
35
36
36
## Add Azure Front Door
37
37
38
-
1. Navigate to the Azure portal.
38
+
1. Navigate to the Azure home screen.
39
39
40
40
1. Select **Create a resource**.
41
41
42
42
1. Search for **Front Door**.
43
43
44
44
1. Select **Front Door Standard/Premium**.
45
45
46
-
Make sure to select the service labeled *Front Door Standard/Premium*.
46
+
Make sure to select the service labeled *Front Door Standard/Premium* and not the plain *Front Door* option.
47
47
48
48
1. Select **Create**.
49
49
50
-
1. Select **Azure Front Door Standard/Premium (Preview)**.
50
+
1. Select the **Azure Front Door Standard/Premium** option.
51
51
52
-
1. Select **Quick create**.
52
+
1. Select the **Quick create** option.
53
53
54
-
1. Select **Continue to create a front door**.
54
+
1. Select the **Continue to create a front door** button.
55
55
56
56
1. In the *Basics* tab, enter the following values:
57
57
@@ -64,8 +64,8 @@ In this tutorial, you learn how to:
64
64
| Tier | Select **Standard**. |
65
65
| Endpoint name | Enter a unique name for your Front Door host. |
66
66
| Origin type | Select **Custom**. |
67
-
| Origin host name | Enter the hostname of your static web app. Make sure your value does not include a trailing slash or protocol. (For example, `desert-rain-04056.azurestaticapps.net`) |
68
-
| Caching | Check the *Enable caching* checkbox. |
67
+
| Origin host name | Enter the hostname of your static web app that you set aside from the beginning of this tutorial. Make sure your value does not include a trailing slash or protocol. (For example, `desert-rain-04056.azurestaticapps.net`) |
68
+
| Caching | Check the **Enable caching** checkbox. |
69
69
| Query string caching behavior | Select **Use Query string** from the dropdown. |
70
70
71
71
1. Select **Review + create**.
@@ -80,6 +80,8 @@ In this tutorial, you learn how to:
80
80
81
81
Add the following settings to disable Front Door's caching policies from trying to cache authentication and authorization related pages.
82
82
83
+
### Add a condition
84
+
83
85
1. Under *Settings*, select **Rule set**.
84
86
85
87
1. Select **Add**.
@@ -96,29 +98,39 @@ Add the following settings to disable Front Door's caching policies from trying
96
98
97
99
1. Select the **Edit** link above the *Value* textbox.
98
100
99
-
1. Enter **/.auth** in the value textbox.
101
+
1. Enter **/.auth** in the textbox.
102
+
103
+
1. Select the **Update** button.
104
+
105
+
1. Select the **No transform** option from the *Case transform* dropdown.
100
106
101
-
1. Select **Add an action**.
107
+
### Add an action
108
+
109
+
1. Select the **Add an action** dropdown.
102
110
103
111
1. Select **Cache expiration**.
104
112
105
113
1. Select **Bypass cache** in the *Cache Behavior* dropdown.
106
114
107
-
1. Select **Save**.
115
+
1. Select the **Save** button.
116
+
117
+
### Associate rule to an endpoint
118
+
119
+
Now that the rule is created, you apply the rule to a Front Door endpoint.
108
120
109
121
1. Select the **Unassociated** link.
110
122
111
-
1. Select the Endpoint name you want to apply this rule.
123
+
1. Select the Endpoint name to which you want to apply the caching rule.
112
124
113
-
1. Select **Next**.
125
+
1. Select the **Next** button.
114
126
115
-
1. Select **Associate**.
127
+
1. Select the **Associate** button.
116
128
117
129
## Copy Front Door ID
118
130
119
131
Use the following steps to copy the Front Door instance's unique identifier.
120
132
121
-
1. Select **Overview**.
133
+
1. Select the **Overview** link on the left-hand navigation.
122
134
123
135
1. From the *Overview* window, copy the value labeled **Front Door ID** and paste it into a file for later use.
0 commit comments