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/digital-twins/how-to-integrate-azure-signalr.md
+12-10Lines changed: 12 additions & 10 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -5,7 +5,7 @@ titleSuffix: Azure Digital Twins
5
5
description: Learn how to stream Azure Digital Twins telemetry to clients using Azure SignalR
6
6
author: dejimarquis
7
7
ms.author: aymarqui # Microsoft employees only
8
-
ms.date: 06/21/2022
8
+
ms.date: 08/21/2024
9
9
ms.topic: how-to
10
10
ms.service: azure-digital-twins
11
11
@@ -36,13 +36,7 @@ Here are the prerequisites you should complete before proceeding:
36
36
37
37
Be sure to sign in to the [Azure portal](https://portal.azure.com/) with your Azure account, as you'll need to use it in this guide.
38
38
39
-
## Solution architecture
40
-
41
-
You'll be attaching Azure SignalR Service to Azure Digital Twins through the path below. Sections A, B, and C in the diagram are taken from the architecture diagram of the [end-to-end tutorial prerequisite](tutorial-end-to-end.md). In this how-to article, you'll build section D on the existing architecture, which includes two new Azure functions that communicate with SignalR and client apps.
42
-
43
-
:::image type="content" source="media/how-to-integrate-azure-signalr/signalr-integration-topology.png" alt-text="Diagram of Azure services in an end-to-end scenario, which shows data flowing in and out of Azure Digital Twins." lightbox="media/how-to-integrate-azure-signalr/signalr-integration-topology.png":::
44
-
45
-
## Download the sample applications
39
+
### Download the sample applications
46
40
47
41
First, download the required sample apps. You'll need both of the following samples:
48
42
*[Azure Digital Twins end-to-end samples](/samples/azure-samples/digital-twins-samples/digital-twins-samples/): This sample contains an *AdtSampleApp* that holds two Azure functions for moving data around an Azure Digital Twins instance (you can learn about this scenario in more detail in [Connect an end-to-end solution](tutorial-end-to-end.md)). It also contains a *DeviceSimulator* sample application that simulates an IoT device, generating a new temperature value every second.
@@ -54,7 +48,15 @@ First, download the required sample apps. You'll need both of the following samp
54
48
*[SignalR integration web app sample](/samples/azure-samples/digitaltwins-signalr-webapp-sample/digital-twins-samples/): This sample React web app will consume Azure Digital Twins telemetry data from an Azure SignalR Service.
55
49
- Navigate to the sample link and use the same download process to download a copy of the sample to your machine, as *digitaltwins-signalr-webapp-sample-main.zip*. Unzip the folder.
You'll be attaching Azure SignalR Service to Azure Digital Twins through the path below. Sections A, B, and C in the diagram are taken from the architecture diagram of the [end-to-end tutorial prerequisite](tutorial-end-to-end.md). In this how-to article, you'll build section D on the existing architecture, which includes two new Azure functions that communicate with SignalR and client apps.
54
+
55
+
:::image type="content" source="media/how-to-integrate-azure-signalr/signalr-integration-topology.png" alt-text="Diagram of Azure services in an end-to-end scenario, which shows data flowing in and out of Azure Digital Twins." lightbox="media/how-to-integrate-azure-signalr/signalr-integration-topology.png":::
56
+
57
+
## Create Azure SignalR instance
58
+
59
+
Next, create an Azure SignalR instance to use in this article by following the instructions in [Create an Azure SignalR Service instance](../azure-signalr/signalr-quickstart-azure-functions-csharp.md#create-an-azure-signalr-service-instance) (for now, only complete the steps in this section).
58
60
59
61
Leave the browser window open to the Azure portal, as you'll use it again in the next section.
60
62
@@ -74,7 +76,7 @@ Start Visual Studio or another code editor of your choice, and open the code sol
74
76
75
77
1. In Visual Studio's **Package Manager Console** window, or any command window on your machine, navigate to the folder *digital-twins-samples-main\AdtSampleApp\SampleFunctionsApp*, and run the following command to install the `SignalRService` NuGet package to the project:
Copy file name to clipboardExpand all lines: articles/digital-twins/tutorial-end-to-end.md
+2-2Lines changed: 2 additions & 2 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -116,7 +116,7 @@ To publish the function app to Azure, you'll need to create a storage account, t
116
116
117
117
1. Next, you'll zip up the functions and publish them to your new Azure function app.
118
118
119
-
1. Open a console window on your machine, and navigate into the *digital-twins-samples-main\AdtSampleApp\SampleFunctionsApp* folder inside your downloaded sample project.
119
+
1. Open a console window on your machine (if you're using the local Azure CLI, it can be the same window), and navigate into the *digital-twins-samples-main\AdtSampleApp\SampleFunctionsApp* folder inside your downloaded sample project.
120
120
121
121
1. In the console, run the following command to publish the project locally:
122
122
@@ -135,7 +135,7 @@ To publish the function app to Azure, you'll need to create a storage account, t
135
135
136
136
:::image type="content" source="media/tutorial-end-to-end/publish-zip.png" alt-text="Screenshot of File Explorer in Windows showing the contents of the publish zip folder.":::
137
137
138
-
Now you can close the local console window that you used to prepare the project. The last step will be done in the Azure CLI.
138
+
The last step will be done in the Azure CLI.
139
139
140
140
1. In the Azure CLI, run the following command to deploy the published and zipped functions to your Azure function app:
0 commit comments