SignalR(具有自托管Nancy)显示404用于协商?clientProtocol = 1.3

时间:2013-07-30 20:39:56

标签: .net signalr nancy self-hosting

我正在尝试在控制台应用程序中运行Nancy中的SignalR。

当我的浏览器$.connection.hub.start()时,404 - NotFound

获得//localhost:667/negotiate?clientProtocol=1.3

---- 8< ----

我(尝试)在一个端口上运行Nancy而在另一个端口上运行SignalR。南希与剃刀合作。 SignalR返回集线器javascript。

(对不起下面的代码数量,但我无法进一步减少。)
(这个问题可能会从之前被删除的问题中得到认可 - 我已经将其标记为严重。)

客户代码:

    <script type="text/javascript" src='/Scripts/jquery-1.6.4.min.js'></script>
    <script type="text/javascript" src="/Scripts/jquery.signalR-2.0.0-beta2.js"></script>
    <script src="http://localhost:667/signalr/hubs" type="text/javascript"></script>
var chat;
$(function () {
    $.connection.hub.url = '//localhost:667';
    $.connection.hub.logging = true;
    chat = $.connection.chat;
    chat.client.addMessage = onAddMessage; // declared but not here

    $.connection.hub.start()
        .done(function () {
            alert($.connection.id);
            chat.server.send('Works!');
        })
        .fail(function ( failreason ) {
            alert( failreason );
        });
});

服务器代码(在以管理员身份运行的控制台程序中)

class Program
{
    static void Main(string[] args)
    {
        const string webUrl = "http://localhost:666";
        const string signalrUrl = "http://localhost:667";

        using (var webHost = new Nancy.Hosting.Self.NancyHost(
            new Uri(webUrl) ))
        {
            using (WebApp.Start<Startup>(signalrUrl))
            {
                webHost.Start();

                Console.Write("Press any key");
                Console.ReadKey();
                webHost.Stop();
            }
        }
    }
}

class Startup
{
    public void Configuration(Owin.IAppBuilder app)
    {
        app.MapHubs(new HubConfiguration() { EnableCrossDomain = true });
        app.UseNancy(new ApplicationBootstrapper());
    }
}

public class ApplicationBootstrapper : DefaultNancyBootstrapper
{
    protected override void ConfigureConventions(
        Nancy.Conventions.NancyConventions nancyConventions)
    {
        nancyConventions.StaticContentsConventions.Add(
        Nancy.Conventions.StaticContentConventionBuilder.AddDirectory(
            "Scripts", @"/Scripts")
        );
        base.ConfigureConventions(nancyConventions);
    }
}

public class Chat : Hub
{
    public void Send(string message)
    {
        Clients.All.addMessage(message);
    }
}

2 个答案:

答案 0 :(得分:9)

我使用Signalr 1.1.2和SignalR 2.0.0-beta2尝试了上述代码。 我对您的代码所做的唯一更改是

修改

  $.connection.hub.url = '//localhost:667';

 $.connection.hub.url = 'http://localhost:667/signalr';

并添加了js函数AddMessage以显示收到的消息并成功执行,显示消息'Works!'

答案 1 :(得分:4)

首先,我要感谢您的上述代码。它给了我很多帮助!

从您的代码开始,我创建了一个解决方案,其中Nancy&amp; SignalR在Owin内部的同一端口上运行。

控制台应用程序代码是这个

using System;
using Microsoft.AspNet.SignalR;
using Microsoft.Owin.Hosting;
using Nancy;
using Owin;

namespace NancySignalrOwin
{
    class Program
    {
        static void Main(string[] args)
        {
            var url = "http://localhost:8080";

            using (WebApp.Start<Startup>(url))
            {
                Console.WriteLine("Running on http://localhost:8080", url);
                Console.WriteLine("Press enter to exit");
                Console.ReadLine();
            }
        }
    }

    public class Startup
    {
        public void Configuration(IAppBuilder app)
        {
            app.MapSignalR();
            app.UseNancy();
        }
    }

    public class MyHub : Hub
    {
        public void Send(string name, string message)
        {
            Console.WriteLine("{0} said {1}", name, message);
            Clients.All.addMessage(name, message);
        }
    }

    public class HomeModule : NancyModule
    {
        public HomeModule()
        {
            Get["/"] = x =>
            {
                return View["index"];
            };
        }
    }
}

,视图就是这个

<!DOCTYPE html>
<html>
<head>
    <title>SignalR Simple Chat</title>
    <style type="text/css">
        .container {
            background-color: #99CCFF;
            border: thick solid #808080;
            padding: 20px;
            margin: 20px;
        }
    </style>
</head>
<body>
    <div class="container">
        <input type="text" id="message" />
        <input type="button" id="sendmessage" value="Send" />
        <input type="hidden" id="displayname" />
        <ul id="discussion"></ul>
    </div>
    <!--Script references. -->
    <!--Reference the jQuery library. -->
     <script src="http://ajax.aspnetcdn.com/ajax/jquery/jquery-1.9.0.js"></script>  
    <!--Reference the SignalR library. -->
    <script src="/Content/jquery.signalR-2.0.0-rc1.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.myHub;

            // Create a function that the hub can call to broadcast messages.
            chat.client.addMessage = 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.
                $('#discussion').append('<li><strong>' + encodedName
                    + '</strong>:&nbsp;&nbsp;' + encodedMsg + '</li>');
            };
            // Get the user name and store it to prepend to messages.
            $('#displayname').val(prompt('Enter your name:', ''));
            // Set initial focus to message input box.
            $('#message').focus();
            // Start the connection.
            $.connection.hub.start().done(function () {
                $('#sendmessage').click(function () {
                    // Call the Send method on the hub.
                    chat.server.send($('#displayname').val(), $('#message').val());
                    // Clear text box and reset focus for next comment.
                    $('#message').val('').focus();
                });
            });
        });
    </script>
</body>
</html>