4,824 questions
How to resolve SignalR Hub connection issue from Client side Javascript code
![](data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' height='64' class='font-weight-bold' style='font: 600 30.11764705882353px "SegoeUI", Arial' width='64'%3E%3Ccircle fill='hsl(259.20000000000005, 72%, 35%)' cx='32' cy='32' r='32' /%3E%3Ctext x='50%25' y='55%25' dominant-baseline='middle' text-anchor='middle' fill='%23FFF' %3EMB%3C/text%3E%3C/svg%3E)
Mayuri Barve
1
Reputation point
I have web application developed in .NET 5.0. This web application calls Web APIs to fetch information from SQL DB. Web and API applications are two separate applications hosted in Azure. I want to push some real time data every 2 minutes to all clients when ever any record is inserted or updated in DB. I am using SignalR in my web application to achieve this. I have added required package references on server side and signalR.js on client side. Have done all the configurations on both side.
Server side: Created a Hub class with SendMessage method. I have also used IHostedService for periodic execution and calling hub's SendMessage method from IHostedService Start event to send updated data to all Clients.
Client side: Establishing connection to the hub as
var hubConnection = new signalR.HubConnectionBuilder() .withUrl("/hub/myHub") .withAutomaticReconnect() .build() .start() .then(function () { alert('connection established!'); console.log("Hub Connection established."); }) .catch(function (err) { alert(err); return console.error(err.toString()); });; hubConnection.on("UpdateCount", (myData) => { if (myData != null) { //update value in label } });
When I run the application it is giving error: Failed to complete negotiation with the server: TypeError: Failed to fetch
Error is occurring in FetchHttpClient.js file.
Can anyone please suggest what is missing here?
Thanks.
Developer technologies | ASP.NET | ASP.NET Core
Developer technologies | .NET | Other
4,107 questions
{count} votes
-
![](data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' height='64' class='font-weight-bold' style='font: 600 30.11764705882353px "SegoeUI", Arial' width='64'%3E%3Ccircle fill='hsl(128, 8%, 22%)' cx='32' cy='32' r='32' /%3E%3Ctext x='50%25' y='55%25' dominant-baseline='middle' text-anchor='middle' fill='%23FFF' %3EA%3C/text%3E%3C/svg%3E)
Anonymous2024-05-16T11:20:17.1333333+00:00 Hi @Mayuri Barve,
Since there is no more error details, it's hard for us to find the root cause.
So please try to enable the Client-Side logging first and share the logs with us, then we will help you to check it.
Best Regards
Jason
-
![](data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' height='64' class='font-weight-bold' style='font: 600 30.11764705882353px "SegoeUI", Arial' width='64'%3E%3Ccircle fill='hsl(102.4, 10%, 19%)' cx='32' cy='32' r='32' /%3E%3Ctext x='50%25' y='55%25' dominant-baseline='middle' text-anchor='middle' fill='%23FFF' %3EMB%3C/text%3E%3C/svg%3E)
Mayuri Barve 1 Reputation point2024-05-17T10:46:01.2+00:00 It is giving following error:
Failed to complete negotiation with the server: Error: System.MissingMethodException: Method not found: 'Microsoft.AspNetCore.Http.Features.IFeatureCollection Microsoft.AspNetCore.Connections.ConnectionContext.get_Features()'
below is my client side javascript code
var hubConnection = new signalR.HubConnectionBuilder()
.withUrl("/notifyHub") .configureLogging(logging => { logging.AddConsole(); logging.SetMinimumLevel(LogLevel.Debug); }) .build(); hubConnection.on("ReceiveMessage", (message) => { $("#Message").val(message); }); hubConnection.start() .then(function () { alert('connection established!'); console.log("Hub Connection established."); }) .catch(function (err) { alert(err); return console.error(err.toString()); });Below is Server side Hub definition
namespace SignalRMVCSample.Hubs
{
public class NotifyHub : Hub { public async Task SendMessage(string message) { await Clients.All.SendAsync("ReceiveMessage", message); } }}
Startup.cs file entries
ConfigureServices
services.AddSignalR();Configure
endpoints.MapHub<NotifyHub>("/notifyHub"); -
Anonymous
2024-05-17T13:35:07.4266667+00:00 Hi @Mayuri Barve,
Please share the full error details for me, thanks.
You also can enable server-side logging and share with us.
Best Regards
Jason
-
Anonymous
2024-05-30T02:00:24.17+00:00 Hi @Mayuri Barve,
May I know if you have any concerns about this issue ? Please let me know if you need further help.
Best Regards
Jason
Sign in to comment
Sign in to answer