Created
April 3, 2014 01:38
-
-
Save peterhpchen/9946802 to your computer and use it in GitHub Desktop.
hello SignalR
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<!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="Scripts/jquery-1.6.4.min.js" ></script> | |
<!--Reference the SignalR library. --> | |
<script src="Scripts/jquery.signalR-2.0.3.min.js"></script> | |
<!--Reference the autogenerated SignalR hub script. --> | |
<script src="signalr/hubs"></script> | |
<!--Add script to update the page and send messages.--> | |
<script src="main.js"></script> | |
</body> | |
</html> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
using System; | |
using System.Web; | |
using Microsoft.AspNet.SignalR; | |
namespace Hello_SignalR | |
{ | |
public class chatHub : Hub | |
{ | |
public void Send(string name, string message) | |
{ | |
// Call the broadcastMessage method to update clients. | |
Clients.All.broadcastMessage(name, message); | |
} | |
} | |
} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
$(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>: ' + 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(); | |
}); | |
}); | |
}); |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
using Microsoft.Owin; | |
using Owin; | |
[assembly: OwinStartup(typeof(Hello_SignalR.Startup))] | |
namespace Hello_SignalR | |
{ | |
public class Startup | |
{ | |
public void Configuration(IAppBuilder app) | |
{ | |
// Any connection or hub wire up and configuration should go here | |
app.MapSignalR(); | |
} | |
} | |
} |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment