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

时间:2013-12-01 11:50:45

标签: c# asp.net visual-studio-2010 signalr

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

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

如果这很重要,这是我项目的结构:

enter image description here

根据我的发现,在web.config中将runAllManagedModulesForAllRequests设置为true是必要的,所以我已经做到了。此外,我使用的教程有点过时,因为我使用VS 2010(即.NET Framework 4),它只与SignalR v 1.1.3兼容。

为什么我不能在网站上工作但在网络应用程序中完美运行?

更新

一个解决方案(我认为是对的)建议

  

将我的代码置于单独的.cs文件中,然后将该cs文件放入   App_Code文件夹

所以我尝试将我的html文件更改为.aspx文件。这样我有一个代码隐藏文件(即.aspx.cs)但我很困惑它是什么意思移动代码隐藏文件因为将我的.aspx文件嵌套到驻留在App_Code文件夹中的.aspx.cs文件不是允许。

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

更新

以下是我在HTMLPage.htm中的脚本引用以及主要功能。

<!--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>

1 个答案:

答案 0 :(得分:3)

当某些东西不起作用时,你应该总是检查控制台 - 在你的情况下,页面根本找不到SignalR脚本和/ signalr / hubs的引用(它在控制台中也是如此)。如果您将网址更改为“/WebSite18/Scripts/jquery.signalR-1.1.3.js”和“/ Website18 / signalr / hubs”,它将有效。