2

即使没有请求，我也想用它SignalR来识别Jquery客户WCF service并登上他的消息。（即在客户端向服务发送第一个请求后，服务可以知道他并向他发送消息）。

我不知道这是否是最好的方法，但这是我能找到的。（除了仅在 VS 2012 中支持的 WebSocket）。

我在Global服务的文件中添加了以下功能：

protected void Application_Start(object sender, EventArgs e)
{
   RouteTable.Routes.MapHubs();
}

我创建了 Chat.cs：

public class Chat : Hub
{
    public void Send(string message)
    {
        // Call the addMessage method on all clients
        Clients.All.addMessage(message);
    }
}

在JS项目中，我添加了以下JS文件SignalR：

<script src="../JavaScript/jquery.signalR-1.1.2.min.js" type="text/javascript"></script>
<script src="/signalr/hubs" type="text/javascript"></script>

使用它的功能：

function Chat() {

    $(function () {
        // Proxy created on the fly          
        var chat = $.connection.chat;

        // Declare a function on the chat hub so the server can invoke it          
        chat.client.addMessage = function (message) {
            alert(message);
        };

        // Start the connection
        $.connection.hub.start().done(function () {
            // Call the chat method on the server
            chat.server.send('aa');
        });
    });

}

如果问题很愚蠢，这对我来说很抱歉，但是 JS 的 SignalR 应该如何知道服务，我应该在哪里定义他？（这需要跨域）

（变量$.connection.chat未定义）

我确定我错过了一些事情，尤其是他如何通过 SignalR 链接服务和 JS的主要事情？

4

2 回答 2

2

我缺少的是使用SignalR 和 cross-domain。

在全局文件上，我更改了代码：

protected void Application_Start(object sender, EventArgs e)
{
  RouteTable.Routes.MapHubs(new HubConfiguration() { EnableCrossDomain = true });
}

在这里需要注意的是，由于我使用跨域，所以我在Application_BeginRequest函数中有代码，应该在完成SignalR请求时取消它，否则它不起作用。所以我以这种方式取消了它：

 protected void Application_BeginRequest(object sender, EventArgs e)
        {
            //Here is testing whether this request SignalR, if not I do the following code
            if (HttpContext.Current.Request.Path.IndexOf("signalr") == -1)
            {
                HttpContext.Current.Response.Cache.SetCacheability(HttpCacheability.NoCache);

                HttpContext.Current.Response.Cache.SetNoStore();

                HttpContext.Current.Response.AddHeader("Access-Control-Allow-Origin", "*");

                if (HttpContext.Current.Request.HttpMethod == "OPTIONS")
                {

                    HttpContext.Current.Response.AddHeader("Access-Control-Allow-Methods", "GET, POST");

                    HttpContext.Current.Response.AddHeader("Access-Control-Allow-Headers", "Content-Type, Authorization, Accept, x-requested-with");

                    HttpContext.Current.Response.AddHeader("Access-Control-Max-Age", "1728000");

                    HttpContext.Current.Response.End();

                }
            }
        }

在客户端：

我添加了SignalRand的脚本Jquery，我删除了这个脚本：

<script src="/signalr/hubs" type="text/javascript"></script>

因为有跨域调用，所以不需要。

连接在以下函数中：

var connection;
var contosoChatHubProxy;

function RegisterToServiceMessege() {
    connection = $.hubConnection();
    connection.url = 'http://localhost:xxx/signalr';
    contosoChatHubProxy = connection.createHubProxy('ChatHub');
    //This part happens when function broadcastMessage is activated(from the server)
    contosoChatHubProxy.on('broadcastMessage', function (userName, message) {
        alert('You have a messege:\n' + userName + ' ' + message);
    });
    connection.start()
    .done(function () {
        console.log('Now connected, connection ID=' + connection.id);
    })
    .fail(function () { console.log('Could not connect'); });
}

服务器上的 Chat.cs：

 [HubName("ChatHub")]
    public class Chat : Hub
    {
        [HubMethodName("Send")]
        public void Send(string name, string message)
        {
            // Call the broadcastMessage method to update clients.
            Clients.All.broadcastMessage(name, message);
        }
    }

来自一位客户的函数调用Send如下：

function SendMessege() {
    contosoChatHubProxy.invoke('Send', 'aaa', 'bbb').done(function () {
        console.log('Invocation of NewContosoChatMessage succeeded');
    }).fail(function (error) {
        console.log('Invocation of NewContosoChatMessage failed. Error: ' + error);
    });

}

所有客户端都会收到发送的消息。

（您可以通过同时运行多个浏览器来检查这一点。）

于 2013-07-09T06:38:51.497 回答
1

从 SignalR 2.0 版开始，您不能再使用以下代码启用 Cors：

    protected void Application_Start(object sender, EventArgs e)
    {
      RouteTable.Routes.MapHubs(new HubConfiguration() { EnableCrossDomain = true });
    }

相反，您必须在 Startup 类初始化方法中添加这两行：

public void Configuration(IAppBuilder app)
{
    app.UseCors(CorsOptions.AllowAll);
    app.MapSignalR();           
}

而且，对于每个人来说可能并不明显，如果您不想使用其自托管库托管 SignalR，请记住将您的项目更改为 WebApplication。就我而言，我试图将 Signalr 附加到 WCFProject。并且运行时甚至不会去启动这个配置方法，从而导致不断的错误，禁止访问信号器资源

于 2014-03-14T08:53:41.537 回答