使用 SignalR 将消息从后面的代码推送到客户端

Question

我正在从 Excel 电子表格中导入记录。我想用每条记录的进度更新客户端屏幕。我被告知 SignalR 是前进的方向。

我从 ChatHub 示例开始，并将其简化了一点。

编辑... broadcastMessage 函数似乎正在运行，但行为异常。这是正在发生的事情的简短视频：https://www.youtube.com/watch?v=wRqiyaQ2hD0

ASPX 页面

<form id="form2" runat="server">

    <ul id="progressReport"></ul>

    <asp:Button Text="Push message" ID="btn" OnClick="btn_Click" runat="server" />

    <!--Script references. -->
    <!--Reference the jQuery library. -->
    <script src="Scripts/jquery-1.8.2.min.js"></script>
    <!--Reference the SignalR library. -->
    <script src="Scripts/jquery.signalR-2.0.3.min.js"></script>
    <!--Reference the autogenerated SignalR hub script. -->
    <script src="signalr/hubs"></script>

    <!--Add script to update the page and send messages.-->
    <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. 
                $('#progressReport').append('<li><strong>' + encodedName
                    + '</strong>:&nbsp;&nbsp;' + encodedMsg + '</li>');
            };

            // Start the connection.
            $.connection.hub.start().done(function () {
                chat.server.send($('#displayname').val(), $('#message').val());
            });
        });
    </script>
</form>

ASPX.CS

using SignalRChat;
using System;

namespace SignalR_Test
{
    public partial class form2 : System.Web.UI.Page
    {
        protected void btn_Click(object sender, EventArgs e)
        {
            ChatHub ch = new ChatHub();
            for ( int i = 0; i <= 10; i++)
            {
                ch.Send("Code Behind", i +" has been imported");
            }
        }
    }
}

ChatHub.CS

using Microsoft.AspNet.SignalR;
namespace SignalRChat
{
    public class ChatHub : Hub
    {
        public void Send(string name, string message)
        {
            var context = GlobalHost.ConnectionManager.GetHubContext<ChatHub>();
            // Call the broadcastMessage method to update clients.
            context.Clients.All.broadcastMessage(name, message);
        }
    }
}

Answer 1

尝试将此添加到您的 aspx 页面并检查它是否在 javascript 控制台中记录调用：

$.connection.hub.logging = true;
$.connection.hub.start();

您的课程名为ChatHub，您正在客户端执行connection.chatHub（注意小写c 与大写）。尝试将HubName 属性添加到您的Hub 类：

[HubName("chatHub")]
public class ChatHub : Hub

另外，请尝试将 ~/ 添加到您的脚本 src：

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

Answer 2

您是否缺少必需的Startup 课程？参见示例here。

JS 脚本版本（jquery.signalR-2.0.3.min.js、jquery-1.8.2.min.js）是否与您在“脚本”目录中的脚本匹配？