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/azure-signalr/signalr-howto-work-with-azure-front-door.md
+3-14Lines changed: 3 additions & 14 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -21,15 +21,6 @@ In this guide, we demonstrate how to use Azure Front Door with Azure SignalR Ser
21
21
22
22
As shown in the diagram, you’ll configure Azure Front Door to route WebSocket traffic to your SignalR-powered application backend. This setup ensures that your real-time functionality benefits from low-latency, scalable, and secure traffic handling through Azure’s global edge network.
23
23
24
-
This article contains two parts,
25
-
26
-
-[The first part](#set-up-and-configure-azure-front-door) shows how to configure Azure Front Door so that the clients can access SignalR through it.
27
-
-[The second part](#secure-signalr-service) shows how to secure SignalR Service by adding access control to SignalR Service and only allow traffic from Azure Front Door.
28
-
29
-
:::image type="content" source="./media/signalr-howto-work-azure-front-door/architecture.jpg" alt-text="Diagram that shows the architecture of using SignalR Service with Azure Front Door.":::
30
-
[!!!! Diagram missing !!!!]
31
-
32
-
33
24
## Set up and configure Azure Front Door
34
25
35
26
### Create an Azure SignalR Service resource
@@ -46,7 +37,7 @@ On the [Azure portal](https://portal.azure.com/), search for **Front Door** and
46
37
### Quick test
47
38
Conduct quick tests to verify that SignalR endpoint is healthy and Azure Front Door resource is correctly configured.
48
39
49
-
-Send a request to `<your-SignalR-resource-endpoint>/client` and it should return _400_ with error message _'hub' query parameter is required._ This means that the request arrived at SignalR Service and the service performed validation as expected.
40
+
Send a request to `<your-SignalR-resource-endpoint>/client` and it should return _400_ with error message _'hub' query parameter is required._ This means that the request arrived at SignalR Service and the service performed validation as expected.
50
41
```bash
51
42
curl -v <your-SignalR-resource-endpoint>/client
52
43
```
@@ -57,7 +48,7 @@ Conduct quick tests to verify that SignalR endpoint is healthy and Azure Front D
57
48
<
58
49
'hub' query parameter is required.
59
50
```
60
-
-Send a request to the same health endpoint of Azure SignalR through Azure Front Door `http://<the-hostname-of-your-Azure-Front-Door-resource>/client`. Go to the Overview tab of the created Azure Front Door resource, and locate the endpoint hostname
51
+
Send a request to the same health endpoint of Azure SignalR through Azure Front Door `http://<the-hostname-of-your-Azure-Front-Door-resource>/client`. Go to the Overview tab of the created Azure Front Door resource, and locate the endpoint hostname.
61
52
62
53
:::image type="content" source="./media/signalr-howto-work-with-azure-front-door/afd-hostname.jpg" alt-text="Screenshot of the the hostname of Azure Front Door resource":::
63
54
@@ -253,13 +244,11 @@ Open http://localhost:5129 from the browser and use `F12` keyboard shortcut to
253
244
254
245
Try to type something in the text box and hit the send button. You will see the message is logged to browser console as expected.
255
246
256
-
:::image type="content" source="./media/signalr-howto-work-with-azure-front-door/console-log.jpg" alt-text="Screenshot of the running app establishing a WebSocket connection with Azure Front Door.":::
247
+
:::image type="content" source="./media/signalr-howto-work-with-azure-front-door/console-log.jpg" alt-text="Screenshot of the received message in browser's console log.":::
257
248
258
249
You can also inspect the flow of messages in the network panel.
259
250
260
251
:::image type="content" source="./media/signalr-howto-work-with-azure-front-door/network-panel-flow-of-messages.jpg" alt-text="Screenshot of flow of messages in the network panel.":::
0 commit comments