2

我遇到了一些基本配置问题,试图让我的第一个 SignalR 应用程序正常工作。它正在生成一个代理,但其中没有集线器,我什至不能调用 createHubProxy(),由于某种原因,该函数在我的代理中不存在。

我在 Application_start 中调用 RouteTable.Routes.MapHubs(),我也尝试在 web.config 中进行设置。我究竟做错了什么?

这是一个简单的“ol Web Forms”应用程序。我的aspx代码:

<%@ Page Language="C#" CodeFile="blogroll3.aspx.cs" Inherits="blogroll3" %>

<!DOCTYPE html>
<html>
<head id="Head1" runat="server">
<script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.10.2.min.js"></script>
    <script src="/scripts/jquery.signalR-1.1.3.js"></script>
    <script src='<%: ResolveClientUrl("~/signalr/hubs") %>'></script>
<script src="blogroll3.js"></script>
</head>
<body>
</body>
</html>

代码隐藏:

using System;
using System.Web.UI;
using Microsoft.AspNet.SignalR;
using Microsoft.AspNet.SignalR.Hubs;

public partial class blogroll3 : Page
{
    public class ProgressHub : Hub
    {
        public void setProgress()
        {
        }
    }
}

我的客户端js代码:

//this is not working, progressHub is undefined:
//var proghub = $.connection.progressHub;

//this code fails on createHubProxy(), it doesn't exist.
var connection = $.hubConnection();
var proghub = $.connection.createHubProxy('progressHub');

这是它生成的代理:

/*!
 * ASP.NET SignalR JavaScript Library v1.1.3
 * http://signalr.net/
 *
 * Copyright Microsoft Open Technologies, Inc. All rights reserved.
 * Licensed under the Apache 2.0
 * https://github.com/SignalR/SignalR/blob/master/LICENSE.md
 *
 */

/// <reference path="..\..\SignalR.Client.JS\Scripts\jquery-1.6.4.js" />
/// <reference path="jquery.signalR.js" />
(function ($, window) {
    /// <param name="$" type="jQuery" />
    "use strict";

    if (typeof ($.signalR) !== "function") {
        throw new Error("SignalR: SignalR is not loaded. Please ensure jquery.signalR-x.js is referenced before ~/signalr/hubs.");
    }

    var signalR = $.signalR;

    function makeProxyCallback(hub, callback) {
        return function () {
            // Call the client hub method
            callback.apply(hub, $.makeArray(arguments));
        };
    }

    function registerHubProxies(instance, shouldSubscribe) {
        var key, hub, memberKey, memberValue, subscriptionMethod;

        for (key in instance) {
            if (instance.hasOwnProperty(key)) {
                hub = instance[key];

                if (!(hub.hubName)) {
                    // Not a client hub
                    continue;
                }

                if (shouldSubscribe) {
                    // We want to subscribe to the hub events
                    subscriptionMethod = hub.on;
                }
                else {
                    // We want to unsubscribe from the hub events
                    subscriptionMethod = hub.off;
                }

                // Loop through all members on the hub and find client hub functions to subscribe/unsubscribe
                for (memberKey in hub.client) {
                    if (hub.client.hasOwnProperty(memberKey)) {
                        memberValue = hub.client[memberKey];

                        if (!$.isFunction(memberValue)) {
                            // Not a client hub function
                            continue;
                        }

                        subscriptionMethod.call(hub, memberKey, makeProxyCallback(hub, memberValue));
                    }
                }
            }
        }
    }

    $.hubConnection.prototype.createHubProxies = function () {
        var proxies = {};
        this.starting(function () {
            // Register the hub proxies as subscribed
            // (instance, shouldSubscribe)
            registerHubProxies(proxies, true);

            this._registerSubscribedHubs();
        }).disconnected(function () {
            // Unsubscribe all hub proxies when we "disconnect".  This is to ensure that we do not re-add functional call backs.
            // (instance, shouldSubscribe)
            registerHubProxies(proxies, false);
        });



        return proxies;
    };

    signalR.hub = $.hubConnection("/signalr", { useDefaultPath: false });
    $.extend(signalR, signalR.hub.createHubProxies());

}(window.jQuery, window));
4

4 回答 4

2

1)确保部分:@Scripts.Render("~/bundles/jquery") 在最新的信号器 js 文件之前被调用:jquery.signalR-2.0.2.min.js

2) 如果您使用布局页面,请将 @Scripts.Render("~/bundles/jquery") 移动到标题部分。

3)还要确保您引用的是最新版本的 signal-r - 在撰写本文时:jquery.signalR-2.0.2.min.js

于 2014-02-04T07:56:53.313 回答
0

问题是我的 Hub 类嵌套在我的 Page 类中。把它搬出来解决了这个问题。请参阅对我原来的问题的评论。

于 2014-02-05T16:30:40.453 回答
0

我最终所做的只是在浏览器中拉起那个动态脚本

http://我的应用基础 url/signalr/hubs

然后当来源出现时,我经历了这些步骤

  1. CTRL+A
  2. CTRL+C
  3. 创建文件 hubs.js
  4. CTRL+V
  5. 用 /hubs.js 替换 /signalr/hubs

可能很野蛮而且过于简单。但是,它对我有用

于 2016-07-28T15:16:35.260 回答
0

signalR R 使用大写字母。

例如:

<script src="@Href("~/Scripts/jquery.signalR.js")" type="text/javascript"></script>

代替:

<script src="@Href("~/Scripts/jquery.signalr.js")" type="text/javascript"></script>
于 2016-07-29T10:47:02.633 回答