azure-signalr-add-connected-service.md

title	description	author	manager	ms.technology	ms.topic	ms.date	ms.author	monikerRange
Add Azure SignalR by using Connected Services	Add Azure SignalR to your app by using the Visual Studio to add a connected service	AngelosP	jmartens	vs-azure	conceptual	05/15/2023	angelpe	>= vs-2019

Add Azure SignalR by using Visual Studio Connected Services

[!INCLUDE Visual Studio]

With Visual Studio, you can connect any of the following to Azure SignalR service by using the Connected Services feature:

• .NET Framework console app
• ASP.NET MVC (.NET Framework)
• ASP.NET Core
• .NET Core (including console app, WPF, Windows Forms, class library)
• .NET Core Worker Role
• Azure Functions
• Universal Windows Platform App
• Xamarin
• Cordova

The connected service functionality adds all the needed references and connection code to your project, and modifies your configuration files appropriately.

Note

This topic applies to Visual Studio on Windows. For Visual Studio for Mac, see Connected services in Visual Studio for Mac.

Prerequisites

• Visual Studio with the Azure workload installed.
• A project of one of the supported types

:::moniker range="vs-2019"

Connect to Azure SignalR using Connected Services

1. Open your project in Visual Studio.

2. In Solution Explorer, right-click the Connected Services node, and, from the context menu, select Add Connected Service.

3. In the Connected Services tab, select the + icon for Service Dependencies.

   

4. In the Add Dependency page, select Azure SignalR Service.

   

   If you aren't signed in already, sign into your Azure account. If you don't have an Azure account, you can sign up for a free trial.

5. In the Configure Azure SignalR screen, select an existing Azure SignalR component, and select Next.

   If you need to create a new component, go to the next step. Otherwise, skip to step 7.

   

6. To create an Azure SignalR service instance:

   1. Select Create a new Azure SignalR Service instance at the bottom of the screen.

   2. Fill out the Azure SignalR Service: Create new screen, and select Create.

      

   3. When the Configure Azure SignalR Service screen is displayed, the new instance appears in the list. Select the new instance in the list, and select Next.

7. Enter a connection string name, or choose the default, and choose whether you want the connection string stored in a local secrets file, or in Azure Key Vault.

   

8. The Summary of changes screen shows all the modifications that will be made to your project if you complete the process. If the changes look OK, choose Finish.

   

9. The connection appears under the Service Dependencies section of the Connected Services tab.

   :::moniker-end

:::moniker range=">=vs-2022"

Connect to Azure SignalR using Connected Services

Note

For .NET Framework projects, Connected Services UI is slightly different. To see the differences, compare to the Visual Studio 2019 version of this page.

1. Open your project in Visual Studio.

2. In Solution Explorer, right-click the Connected Services node, and, from the context menu, select Add to open the menu of available services.

   

3. Choose Azure SignalR Service. The Connect to dependency page appears.

   

   If you aren't signed in already, sign into your Azure account. If you don't have an Azure account, you can sign up for a free trial.

4. Select an existing Azure SignalR component, and select Next.

   If you need to create a new component, go to the next step. Otherwise, skip to step 7.

   

5. To create an Azure SignalR service instance:

   1. Select Create new at the middle right of the screen.

   2. Fill out the Azure SignalR Service: Create new screen, and select Create.

      

   3. When the Configure Azure SignalR Service screen is displayed, the new instance appears in the list. Select the new instance in the list, and select Next.

6. Enter a connection string name, or choose the default, and choose whether you want the connection string stored in a local secrets file, or in Azure Key Vault.

   

7. The Summary of changes screen shows all the modifications that will be made to your project if you complete the process. If the changes look OK, choose Finish.

   

8. In Solution Explorer, double-click on the Connected Services node to open the Connected Services tab. The connection appears under the Service Dependencies section:

   

   If you click on the three dots next to the dependency you added, you can see various options such as Connect to reopen the wizard and change the connection. You can also click the three dots at the top right of the window to see options to start local dependencies, change settings, and more. :::moniker-end

Next steps

Continue by following the Azure SignalR quickstart. You can skip the initial setup, since you've already done that, and continue with the section Add Azure SignalR to the web app. The code you use varies depending on your version of ASP.NET Core, so you might have to modify the code in the tutorial to suit your project template if your ASP.NET Core version doesn't match the version used in the quickstart.

See also

• Azure SignalR product page
• Azure SignalR Service documentation
• Connected services (Visual Studio for Mac)