SignalR系列教程：SignalR快速入门
生活随笔
收集整理的這篇文章主要介紹了
SignalR系列教程：SignalR快速入门
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
---恢復內容開始---
本篇是SignalR系列教程的第一篇,本篇內容介紹了如何創建SignalR應用,如何利用SignalR搭建簡易的聊天室等,本篇內容參考自:http://www.asp.net/signalr/overview/older-versions/tutorial-getting-started-with-signalr，文中會有我對實例代碼的一些理解。
首先我們創建ASP.NET空程序,并使用“程序包管理控制臺”執行“Install-PackAge Microsoft.AspNet.SignaLR”安裝最新版本的SignaLR。
我們新建一個名為"ChatHub"的類并繼承"Hub'類。在類中我們添加一個Send方法
using Microsoft.AspNet.SignalR;namespace SignalR {public class ChatHub:Hub{public void Send(string name,string message){Clients.All.broadcastMessage(name, message);}} }我們新建一個為名index的html文件并把它設為啟動項
<!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 src="/Scripts/jquery-1.6.4.min.js"></script><script src="Scripts/jquery.signalR-2.2.0.js"></script><script src="/signalr/hubs""></script>
<script type="text/javascript">$(function () {var chat = $.connection.chatHub; //這里要對應Hub的派生類chat.client.broadcastMessage = function (name, message) {//這里方法相當于訂閱了chatHub類中的broadcastMessage方法,后臺執行后執行打工錢方法var encodedName = $('<div />').text(name).html();var encodedMsg = $('<div />').text(message).html();$('#discussion').append('<li><strong>' + encodedName+ '</strong>:??' + encodedMsg + '</li>');};$('#displayname').val(prompt('Enter your name:', ''));$('#message').focus();$.connection.hub.start().done(function () {//建立連接成功了綁定發送消息時間$('#sendmessage').click(function () {//調用后臺的senf方法chat.server.send($('#displayname').val(), $('#message').val());$('#message').val('').focus();});});});</script> </body> </html>
?
我們新建一個Startup文件,并在Configuration方法中注冊SignalR路由
using Microsoft.Owin; using Owin; using SignalR;[assembly: OwinStartup(typeof(Startup))]namespace SignalR {public class Startup{public void Configuration(IAppBuilder app){app.MapSignalR();}} }
按下F5運行代碼,將會提示輸入用戶名,并可以發送消息
?
轉載于:https://www.cnblogs.com/dazhuangtage/p/5638946.html
總結
以上是生活随笔為你收集整理的SignalR系列教程：SignalR快速入门的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 富文本NSMutableAttribut
- 下一篇： 给source insight添加.cc