Assuming that you actually want to see index.html (i.e. your question is not "an empty index.html is showing instead of my chat page chat.html"), then it sounds like when you enter something into the chat page it is not showing up as a chat in other browser windows who are connected to the chat.
I would try a few basic tests. I am going to assume that:
- ASP.NET is installed and configured on the server (if not then see the footnote)
- The SignalR libraries are deployed to the server (
Microsoft.AspNet.SignalR.Core.dll, Microsoft.AspNet.SignalR.Owin.dll, Microsoft.AspNet.SignalR.SystemWeb.dll and the others).
I would try the following tests:
- Install Fiddler, or use the Network tab in the browser dev tools (press F12 in your browser).
- Browse to
yourdomainnamehere.com/index.html (or reload it if you are already there)
- The network trace should show 200 (or maybe 304) status for:
- Your page
index.html
- The javascript files for jQuery, jQuery.signalR being downloaded
- It should also show, crucially, the following connections with a 200 return status:
signalr/hubssignalr/negotiate (with a query string)
- And it should show an ongoing connection to
signalr/connect (with a query string)
So:
- If you don't see 3.2 above, then you know the javascript files are not being served, so you need to find out why (are they there on the server/is the path correct in your html).
If you see that, but not 4.1 above, then there is a problem with the ASP.NET routing. Check that you have this as the first line in your Application_Start:
protected void Application_Start(object sender, EventArgs e)
{
// Register the default hubs route: ~/signalr/hubs
RouteTable.Routes.MapHubs();
}
If you see that, but not 4.2 or 5.1 then there is a problem with your javascript that is preventing the $.connection.hub.start() code being called.
Ok, that works, now what?
Now you need to turn on client side logging on signalr. In your index.html chat page, where you see the $.connection.hub.start().done(function () { line, add the following so that the code reads:
$.connection.hub.logging = true;
$.connection.hub.start().done(function () {`
Open the browser dev tools again, and switch to the console tab. Now load the page and send a chat. See what error messages you get, if any. Succesfully opening the page and sending a chat message should generate a log such as:
LOG: [12:34:56 UTC+0100] SignalR: Negotiating with '/signalr/negotiate'.
LOG: [12:34:56 UTC+0100] SignalR: This browser doesn't support SSE.
LOG: [12:34:56 UTC+0100] SignalR: Binding to iframe's readystatechange event.
LOG: [12:34:56 UTC+0100] SignalR: Now monitoring keep alive with a warning timeout of 13333.333333333332 and a connection lost timeout of 20000
LOG: [12:34:56 UTC+0100] SignalR: Triggering client hub event 'broadcastMessage' on hub 'ChatHub'.
Footnote: How to test that ASP.NET is installed and configured on the server
Using your signalr endpoint website, create a new page:
- make this an aspx web form (or an mvc form) and call it
TestAspNet.aspx.
- into the TestAspNet.aspx, add the label control
<asp:Label runat="server" ID="lblTest"></asp:Label>
- into the code behind, add this code in
Page_Load: this.lblTest.Text = DateTime.Now.ToLongTimeString();
Now deploy this to your web server, and navigate to http://yourdomainnamehere.com/TestAspNet.aspx. If this shows you the current server time, you know ASP.NET is installed on the server. If not then there are two options:
If you think that another site might be using the host header, then you can use powershell to easily check this on Win Server 2102:
Import-Module WebAdministration
Get-WebBinding |? bindingInformation -match .*mydomainname.com.* | ft protocol, bindingInformation, ItemXPath -AutoSize
The site name and id are shown under the result column ItemXPath
