c# - SignalR 无法读取未定义的属性客户端

Question

我正在尝试将 SignalR 添加到我的项目（ASPNET MVC 4）中。但我不能让它工作。

在下图中，您可以看到我收到的错误。我已经阅读了很多 stackoverflow 帖子，但没有一个可以解决我的问题。

这是我到目前为止所做的：

1) Ran Install-Package Microsoft.AspNet.SignalR -Pre
2) Added RouteTable.Routes.MapHubs(); in Global.asax.cs Application_Start()
3) If I go to http://localhost:9096/Gdp.IServer.Web/signalr/hubs I can see the file content
4) Added <modules runAllManagedModulesForAllRequests="true"/> to Web.Config
5) Created folder Hubs in the root of the MVC application
6) Moved jquery and signalR scripts to /Scripts/lib folder (I'm not using jquery 1.6.4, I'm using the latest)

这是我的 Index.cshtml

<h2>List of Messages</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 pageScripts
{
    <!--Reference the SignalR library. -->
    <script src="@Url.Content("~/Scripts/jquery.signalR-1.0.0-rc1.min.js")" type="text/javascript"></script>
    <!--Reference the autogenerated SignalR hub script. -->
    <script type="text/javascript" src="~/signalr/hubs"></script>
    <script src="@Url.Content("~/Scripts/map.js")" type="text/javascript"></script>
}

这是我的 IServerHub.cs 文件（位于 Hubs 文件夹内）

namespace Gdp.IServer.Ui.Web.Hubs
{
    using Microsoft.AspNet.SignalR.Hubs;
    [HubName("iServerHub")]
    public class IServerHub : Hub
    {
        public void Send(string name, string message)
        {
            Clients.All.broadcastMessage(name, message);
        }
    }
}

这是 map.js

$(function () {

    // Declare a proxy to reference the hub. 
    var clientServerHub = $.connection.iServerHub;

    // Create a function that the hub can call to broadcast messages.
    clientServerHub.client.broadcastMessage = function (name, message) {
        $('#discussion').append('<li><strong>' + name + '</strong>:&nbsp;&nbsp;' + message + '</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 () {
        $('#sendmessage').click(function () {
            // Html encode display name and message. 
            var encodedName = $('<div />').text($('#displayname').val()).html();
            var encodedMsg = $('<div />').text($('#message').val()).html();

            // Call the Send method on the hub. 
            clientServerHub.server.send(encodedName, encodedMsg);

            // Clear text box and reset focus for next comment. 
            $('#message').val('').focus();
        });
    });
});

我看到的 SignalR 参考的 DLL 是：

Microsoft.AspNet.SignalR.Core
Microsoft.AspNet.SignalR.Owin
Microsoft.AspNet.SignalR.SystemWeb

任何想法如何让它工作？由于脚本位于 /Script/lib 文件夹中，我应该进行任何更改吗？

注意我正在按照此处找到的关于如何设置 Windsor Castle 以使其与 SignalR 一起使用的说明进行操作，而且似乎无法创建代理并且我遇到了同样的错误：

Cannot read property client of undefined

表示未创建集线器的代理

这就是我在服务器中的方式

public class IncidentServerHub : Hub

在客户端像这样

var clientServerHub = $.connection.incidentServerHub;

同样，我可以在这里看到动态创建的文件：

/GdpSoftware.Server.Web/signalr/hubs

那么，为什么没有创建代理呢？

score 86 · Accepted Answer

我通过将我的 js 代码从：更改为来解决了这个 var myHub = $.connection.SentimentsHub; 问题 var myHub = $.connection.sentimentsHub;

因此，如果您有一些类名为 TestHub 的集线器，则必须在 js 中使用 testHub（第一个字母为小写）名称

score 43 · Accepted Answer

对于那些试图在包中添加生成的代理文件路径的人。

不要在 BundleConfig.cs 中包含“~/signalr/hubs”。

您可以在包中包含JQuery.SignalR：

bundles.Add(new ScriptBundle("~/bundles/signalr").Include(
                  "~/Scripts/jquery.signalR-{version}.js"));

但是您需要在视图中添加“/signalr/hubs”：

@section Scripts {
    @Scripts.Render("~/bundles/signalr")
    @Scripts.Render("/signalr/hubs")
}

我希望这有帮助。

score 21 · Accepted Answer

我有同样的错误消息，并通过修复我在集线器类的 [HubName] 属性中的错字解决了这个问题 - 它与客户端 javascript 中的属性不完全匹配。

C# 集线器类：

[HubName("gameHub")]
public class GameHub : Hub
{

客户端javascript：

var foo = $.connection.gameHub;

“gameHub”必须相同。

hth

score 9 · Accepted Answer

对于 ASP.Net MVC 人员：

检查您的_Layout.cshtml: 如果您在之后调用 jquery 包@RenderBody()，您将收到此错误。

解决方案：只需将移动@Scripts.Render("~/bundles/jquery")到头部部分或在脚本“部分”中编写所有信号器脚本

score 5 · Accepted Answer

您的中心类必须定义为公共的。例如：

class ChatHub : Hub

实际上应该是

public class ChatHub : Hub

score 4 · Accepted Answer

好的，我找到了问题，我需要做的一件事是：

缺少这两个参考：

Microsoft.AspNet.SignalR.Hosting.AspNet
Microsoft.AspNet.SignalR.Hosting.Common

现在，我包括他们获得 nuget 包：WebApiDoodle.SignalR 使用这两个。我的问题是为什么没有添加那些 Dll，我安装了 Nuget 包：Microsoft.AspNet.SignalR -Pre？

漏洞？

然后我在 global.asax.cs 中有这个

using SignalR;

所以

RouteTable.Routes.MapHubs();

正在使用那个，我需要删除它并使用这个：

using Microsoft.AspNet.SignalR;

所以 MapHubs 使用那个，并开始工作。

希望这对其他人有帮助。吉列尔莫。

score 4 · Accepted Answer

您应该按正确的顺序放置 SignalR 和 jQuery 脚本：

<script src="/Scripts/jquery-1.6.4.min.js" ></script>

<script src="/Scripts/jquery.signalR-1.1.4.js"></script>

<script src="/signalr/hubs"></script>

score 1 · Accepted Answer

确保添加

app.MapSignalR();

在 startup.cs 和 Configuration 方法中，像这样：

 public partial class Startup
    {
        public void Configuration(IAppBuilder app)
        {
            app.MapSignalR();
        }
    }

对于 Asp.net 核心

添加

services.AddSignalR();

在您的 startup.cs 中的 ConfigureServices 方法中

并添加

app.UseSignalR(routes =>
            {
                routes.MapHub<ChatHub>("/chatHub");
            });

在您的 startup.cs 中配置方法

score 0 · Accepted Answer

0

让 Hub 类“公开”为我解决了这个问题。

于 2016-12-14T13:48:38.253 回答

score 0 · Accepted Answer

就我而言，我迷失Microsoft.Owin.Host.SystemWeb.dll & Microsoft.Owin.Security.dll了我的项目。添加对它们的引用后，该错误已解决。它现在正在工作。

score 0 · Accepted Answer

很可能，可能是类中给出的错误名称，并且 JavaScript 中的引用是错误的。

var chat = $.connection.chatHub;   //did not work

var chat = $.connection.myHub; // this worked

这是我的课

public class MyHub : Hub
{
    public void Send(string name, string message)
    {
        Clients.All.addNewMessageToPage(name, message);
    }
}

c# - SignalR 无法读取未定义的属性客户端

11 回答 11

Related

Reference