I'm trying
to add SignalR
to my project (ASPNET MVC 4). But I can't make it work.
In the below image you can see the error I'm receiving.
I've read a lot of stackoverflow posts but none of them is resolving my issue.
This is what I did so far:
1) Ran Install-Package Microsoft.AspNet.SignalR -Pre
2) Added RouteTable.Routes.MapHubs(); in Global.asax.cs Application_Start()
3) If I go
to http://localhost:9096/Gdp.IServer.Web/signalr/hubs I can see the file content
4) Added <modules runAllManagedModulesForAllRequests="true"/>
to Web.Config
5) Created folder Hubs in the root of the MVC application
6) Moved jquery and signalR scripts
to /Scripts/lib folder (I'm not using jquery 1.6.4, I'm using the latest)
This is my Index.cshtml
<h2>List of Messages</h2>
<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>
@section pageScripts
{
<!--Reference the SignalR library. -->
<script src="@Url.Content("~/Scripts/jquery.signalR-1.0.0-rc1.min.js")" type="text/javascript"></script>
<!--Reference the autogenerated SignalR hub script. -->
<script type="text/javascript" src="~/signalr/hubs"></script>
<script src="@Url.Content("~/Scripts/map.js")" type="text/javascript"></script>
}
This is my IServerHub.cs file (located inside Hubs folder)
namespace Gdp.IServer.Ui.Web.Hubs
{
using Microsoft.AspNet.SignalR.Hubs;
[HubName("iServerHub")]
public class IServerHub : Hub
{
public void Send(string name, string message)
{
Clients.All.broadcastMessage(name, message);
}
}
}
And this is map.js
$(function () {
// Declare a proxy
to reference the hub.
var clientServerHub = $.connection.iServerHub;
// Create a function that the hub can call
to broadcast messages.
clientServerHub.
client.broadcastMessage = function (name, message) {
$('#discussion').append('<li><strong>' + name + '</strong>: ' + message + '</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 () {
// Html encode display name and message.
var encodedName = $('<div />').text($('#displayname').val()).html();
var encodedMsg = $('<div />').text($('#message').val()).html();
// Call the Send method on the hub.
clientServerHub.
server.send(encodedName, encodedMsg);
// Clear text box and reset focus for next comment.
$('#message').val('').focus();
});
});
});
The DLL's I see references for SignalR are:
Microsoft.AspNet.SignalR.Core
Microsoft.AspNet.SignalR.Owin
Microsoft.AspNet.SignalR.SystemWeb
Any ideas how
to get it work?
Should I make any change because the scripts are in /Script/lib folder?
NOTE
I'm following the instruction found here on how
to set up Windsor Castle
to make it work with SignalR, and again, seems that the proxy cannot be created and I'm getting the same error:
Cannot read property
client of undefined
meaning that the proxy
to the hub was not created
This is how I have it in the
server
public class IncidentServerHub : Hub
and like this in the
client
var clientServerHub = $.connection.incidentServerHub;
Again, I can see the dynamically created file here:
/GdpSoftware.
Server.Web/signalr/hubs
So, Why the proxy is not created?
Thanks in advance!!! Guillermo.
