SignalR 不在网站中工作，但在 Web 应用程序中工作

Question

我遵循这个简单的tutorial 并设法使用signalR 创建了一个测试Web 应用程序。但是当我尝试使用 ASP.NET 网站重新创建它然后浏览 html 页面时，出现以下错误：

TypeError: $.connection is undefined
var chat = $.connection.chatHub;

如果这很重要，这是我的项目的结构：

根据我的发现，在 web.config 中将 runAllManagedModulesForAllRequests 设置为 true 是必要的，所以我已经这样做了。此外，我遵循的教程有点过时，因为我使用仅与 SignalR v 1.1.3 兼容的 VS 2010（即 .NET Framework 4）。

为什么我不能让它在网站上运行，但在网络应用程序中却完美运行？

更新：

一个解决方案（我认为是正确的）建议

将我的代码隐藏文件放在一个单独的 .cs 文件中，然后将该 cs 文件放入 App_Code 文件夹

所以我尝试将我的 html 文件更改为 .aspx 文件。这样我有一个代码隐藏文件（即 .aspx.cs）但我对移动文件隐藏代码的含义感到困惑，因为将我的 .aspx 文件嵌套到 App_Code 文件夹中的 .aspx.cs 文件不是允许。

上面引用的答案是什么意思？

更新：

这是我在 HTMLPage.htm 中的脚本引用以及 main 函数。

<!--Reference the jQuery library. -->
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<!--Reference the SignalR library. -->
<script src="/Scripts/jquery.signalR-1.1.3.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.chatHub;
        // Create a function that the hub can call to broadcast messages.
        chat.client.broadcastMessage = 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>

Answer 1

当某些东西不起作用时，您应该始终检查控制台 - 在您的情况下，页面根本找不到对 SignalR 脚本和 /signalr/hubs 的引用（它在控制台中这么说）。如果您将网址更改为“/WebSite18/Scripts/jquery.signalR-1.1.3.js”和“/Website18/signalr/hubs”，它将起作用。