Question

我在获取SignalR服务器端集线器代码以调用JS客户端方法时遇到麻烦。我收到此错误消息mes无法读取未定义的属性“ client”，并且找不到此文件夹http://localhost:8087/signalr/hubs。我一直非常谨慎，避免出现明显的陷阱，但是我想我仍然在忽略某些东西，并且按照此链接https://docs.microsoft.com/en-us/aspnet/signalr/overview/getting-started/tutorial-getting-started-with-signalr中的步骤进行操作。这是我的代码：

这个ChatHub类：

public class ChatHub : Hub
{
    public async Task SendMessage(string user, string message)
    {
        await Clients.All.SendAsync("ReceiveMessage", user, message);
    }
}

此html页面：

<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>
<script src="Scripts/jquery-1.10.2.js"></script>
<script src="Scripts/jquery.signalR-2.4.1.min.js"></script>

<script src="signalr/hubs"></script>
<script type="text/javascript">

    $(function () {
        // Declare a proxy to reference the hub.
        var chat = $.connection.chatHub;
        // Create a function that the hub can call to broadcast messages.
        chat.client.broadcastMessage = function (name, message) {
            // Html encode display name and message.
            var encodedName = $('<div />').text(name).html();
            var encodedMsg = $('<div />').text(message).html();
            // Add the message to the page.
            $('#discussion').append('<li><strong>' + encodedName
                + '</strong>:&nbsp;&nbsp;' + encodedMsg + '</li>');
        };
        // Get the user name and store it to prepend to messages.
        $('#displayname').val(prompt('Enter your name:', ''));
        // Set initial focus to message input box.
        $('#message').focus();
        // Start the connection.
        $.connection.hub.start().done(function () {
              console.log( 'Connection established!' );
            $('#sendmessage').click(function () {
                // Call the Send method on the hub.
                chat.server.SendMessage($('#displayname').val(), $('#message').val());
                // Clear text box and reset focus for next comment.
                $('#message').val('').focus();
            });
        });
    });
</script>

这是Startup.cs文件：

using Microsoft.AspNet.SignalR;
using Microsoft.Owin;
using Owin;
using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;

[assembly: OwinStartup(typeof(Consultation_WebServices.Startup))]
namespace Consultation_WebServices {
 public class Startup {
  public void Configuration(IAppBuilder app) {
   app.MapSignalR();
  }
 }
}

Answer 1

确保将集线器类移到App_Code文件夹之外。

有关更多详细信息，您可以在SignalR存储库中阅读以下issue。

在2019年未调用SignalR js 2示例

1 个答案: