3

我有兴趣使用 SignalR 为我的应用程序中的一些长时间运行的进程提供更好的用户体验，并且刚刚创建了我的第一个测试 SignalR 项目。我创建了一个空的 Web 项目，然后使用 NuGet 安装 SignalR.Sample 包。StockTicker.html 页面示例完美运行。然后我创建了自己的集线器和测试页面。

using System.Threading;
using Microsoft.AspNet.SignalR.Hubs;

namespace SignalR.Test
{
   [HubName("testHub")]
   public class TestHub : Hub
   {
      public void LongRunningProcess()
      {
         Thread.Sleep(1000);
         this.Clients.Caller.updateStatus("25% Completed");
         Thread.Sleep(1000);
         this.Clients.Caller.updateStatus("50% Completed");
         Thread.Sleep(1000);
         this.Clients.Caller.updateStatus("75% Completed");
         Thread.Sleep(1000);
         this.Clients.Caller.updateStatus("Done");
      }
   }
}


<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
   <title>SignalR - Long Running Process</title>
</head>
<body>
   <h1>Long Running Process</h1>

   <p>Status:</p>

   <ul id="status">
      <li>Loading hub...</li>
   </ul>

   <script src="/bundles/jquery"></script>
   <script src="/Scripts/jquery.signalR-1.0.0-alpha2.js"></script>
   <script src="/signalr/hubs"></script>
   <script type="text/javascript">
      $(function () {
         var hub = $.connection.testHub;

         hub.updateStatus = function (message) {
            $("#status").append("<li>" + message + "</li>");
         };

         $.connection.hub.start().done(function () {
            $("#status").children().first().text("Hub loaded.");
            hub.longRunningProcess();
         })
         .fail(function() {
            $("#status").children().first().text("Hub failed");
         });
      })
   </script>
</body>
</html>

当我运行该页面时，我收到以下（Firebug）错误：

TypeError: hub.longRunningProcess is not a function
    hub.longRunningProcess();

如果我查看 /signalr/hubs，我会在文件末尾看到以下脚本：

signalR.testHub = signalR.hub.createHubProxy('testHub'); 
signalR.testHub.client = { };
signalR.testHub.server = {
    longRunningProcess: function () {
        return signalR.testHub.invoke.apply(signalR.testHub, $.merge(["LongRunningProcess"], $.makeArray(arguments)));
     }
};

任何关于我哪里出错的建议/指针将不胜感激。

4

1 回答 1

5

我发现了问题。客户端脚本应如下所示：

      $(function () {
         var hub = $.connection.testHub;

         hub.client.updateStatus = function (message) {
            $("#status").append("<li>" + message + "</li>");
         };

         $.connection.hub.start().done(function () {
            $("#status").children().first().text("Hub loaded.");
            hub.server.longRunningProcess();
         })
         .fail(function() {
            $("#status").children().first().text("Hub failed");
         });
      })

注意将 .client 和 .server 属性添加到 hub 方法声明中，例如 hub.client.updateStatus() 和 hub.server.longRunningProcess()

于 2012-11-22T06:07:48.540 回答