I am trying to integrate .NET WEB API in .NET 4.7 Framework (acts as backend server) & WEB APP(act as frontend). But not able to connect WEB API to Azure SignalR

Abhishek Verma 0

SignalR Connection Error: Error: Server returned handshake error: SignalR Service is now in 'Default' service mode. Current mode works as a proxy that routes client traffic to the connected app servers. However app servers are not connected.

this error i am getting in frontend console.

For Web API, I am creating a Startup.cs class & running the project. Below is the class.

using Microsoft.Owin;

using Owin;

using Microsoft.Azure.SignalR;

[assembly: OwinStartup(typeof(AppName.Startup))]

namespace AppName

{

public class Startup

{

    public void Configuration(IAppBuilder app)

    {

        // Azure SignalR connection string

        var connectionString = "<My connection string>";

        

        // Map Azure SignalR

        app.MapAzureSignalR(connectionString);

        // Map SignalR hubs

        app.MapSignalR();

    }

}

}

pls can someone guide me, as why I am not able to connect to azure signalr from my .net 4.7 framework web api application. In live trace tool i am only getting frontend connceted but not backend getting connceted.

JasonPan - MSFT 5,456 Reputation points Microsoft Vendor

2024-09-06T08:48:58.7933333+00:00
Hi @Abhishek Verma,

I checked the source code of MapAzureSignalR and found that it does not support direct use through connectionString.

So please use below code, and try it again. And this is official repo link, you can refer it.

public void Configuration(IAppBuilder app) { // Any connection or hub wire up and configuration should go here app.MapAzureSignalR(this.GetType().FullName); }

Best Regards

Jason
AgaveJoe 28,036 Reputation points

2024-09-06T08:57:28.9133333+00:00

Typically a design would implement SignalR or Web API not both. Can you clarify the design?
Abhishek Verma 0 Reputation points

2024-09-06T09:55:48.2166667+00:00

Hi @AgaveJoe

I have frontend & backend separate projects. Frontend is mostly js in web app (it is .net 6.0), while backend is web api (it is .net 4.7 framework) where i consume these api in frontend to work.

i wanted to implement azure signalr, such that clients in frontend can chat with each other which all the configurations related to signalr in the backend project only i.e; web api.

so by the connection string given by azure i am able to generate a token & that token when used by client side application, client side it getting connected to azure, but it is showing me error as backend servers not connected.

so design is like.. in default mode of azure signalr, server side should be connceted to azure then only clients can chat/send message to each other as Hub class will be in backend app only. below is a screenshot from frontend console the error i am getting. Websocket client side is connecting but servers not connecting.

Pls let me know if my thinking is wrong anywhere.

Hi @JasonPan - MSFT ,
Thanks, I had actually checked this. It was also not working. I was not able to see any trace in live trace tool of azure signalr. While for sample app repo, I was getting. Just wanted to convey this also, the sample application have frontend backend in same project itself, but mine is backend is different & frontend is different.
As my backend is in .net 4.7 framework so I had refered this repo itself.

Thankyou both of you.

Regards,
Abhishek
AgaveJoe 28,036 Reputation points

2024-09-06T11:35:12.32+00:00

If adding a chat feature, why not host SignalR in the web application?
JasonPan - MSFT 5,456 Reputation points Microsoft Vendor

2024-09-06T11:57:37.8433333+00:00

Hi @Abhishek Verma,

May I know what the javascript library you are using in your frontend web app (.net 6.0)?

To put it simply, you have SignalR Hub in your .NET 4.7 Framework project, and a .NET 6 web project need to connect the hub which create in .NET 4.7 project.

So we just need to use the Signalr client JavaScript Library( .NET Framework )in your .NET Core web project. Please let me know if I misunderstand.

Best Regards

Jason
Abhishek Verma 0 Reputation points

2024-09-10T10:17:03.7766667+00:00

Hi @JasonPan - MSFT ,

Yes i have tried the way you have told, but the Signalr client JavaScript Library point to .NET framework is Signalr 2.x or less. But these are now Not present (so I go error as Signalr not defined when i used these). Only libraries present are Signalr 3.x (and later versions) & cannot be used with the .NET Framework directly because it was built to work with .NET Core.

Hi @AgaveJoe ,

Why not hosting SignalR in the web application, because want to keep a track of messages & store in databases. Moreover wanted things to be more secure if they are on server side & less load will be there in client side.

Thanks.

Regards, Abhishek

JasonPan - MSFT 5,456 Microsoft Vendor

Hi @Abhishek Verma,

I have added a chathub in my .net framework 4.7.2 project. And I also tried to connect the hub in my index page( asp.net core project) via javascript client. Here is the test result.

User's image

Please tell me if this is the result you want?

Test Code in Asp.Net Core Index.cshtml

@{
    ViewData["Title"] = "Home Page";
}
<h2>Chat</h2>
<div class="container">
    <input type="text" id="message" />
    <input type="button" id="sendmessage" value="Send" />
    <input type="hidden" id="displayname" />
    <ul id="discussion">
    </ul>
</div>
@section Scripts {
    <script src="https://code.jquery.com/jquery-3.7.0.min.js"></script>
    <script src="~/js/jquery.signalr.min.js"></script>
    @* // ASP.NET SignalR Service Url *@
    <script src="https://localhost:44315/signalr/hubs"></script>
    <script>
        $(function () {
            var chat = $.connection.chatHub;
            chat.client.addNewMessageToPage = function (name, message) {
                $('#discussion').append('<li><strong>' + htmlEncode(name) + '</strong>: ' + htmlEncode(message) + '</li>');
            };
            $('#displayname').val(prompt('Enter your name:', ''));
            $('#message').focus();
            $.connection.hub.url = "https://localhost:44315/signalr"; // ASP.NET SignalR Service Url
            $.connection.hub.start().done(function () {
                $('#sendmessage').click(function () {
                    chat.server.send($('#displayname').val(), $('#message').val());
                    $('#message').val('').focus();
                });
            });
        });
        function htmlEncode(value) {
            return $('<div />').text(value).html();
        }
    </script>
}

Best Regards

Jason

AgaveJoe 28,036 Reputation points

2024-09-10T13:12:05.1833333+00:00

Moreover wanted things to be more secure if they are on server side & less load will be there in client side.

I can't speak to how your security works but SignalR runs on the server not the client. If you want to store the chat content then simply do a HTTP Request to the 4.7 .Net Framework API using HttpClient. HTTP is platform agnostic.

Share via

I am trying to integrate .NET WEB API in .NET 4.7 Framework (acts as backend server) & WEB APP(act as frontend). But not able to connect WEB API to Azure SignalR

Your answer