SignalR - 无法加载集线器方法

Question

SignalR - 无法加载集线器方法

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

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>

Run Code Online (Sandbox Code Playgroud)

当我运行页面时,我得到以下(Firebug)错误:

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

Run Code Online (Sandbox Code Playgroud)

如果我查看/ 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)));
     }
};

Run Code Online (Sandbox Code Playgroud)

任何关于我出错的建议/指示都会非常感激.

Answer 1

Nei*_*ski 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");
         });
      })

Run Code Online (Sandbox Code Playgroud)

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

归档时间：	13 年，3 月前
查看次数：	3452 次
最近记录：	12 年，11 月前