使用SignalR进行实时通信

最新推荐文章于 2024-08-17 10:00:00 发布

weixin_30872499

最新推荐文章于 2024-08-17 10:00:00 发布

阅读量52

点赞数

原文链接：http://www.cnblogs.com/xsj1989/p/9377717.html

版权

http://www.cnblogs.com/lonelyxmas/tag/%E4%B8%80%E6%AD%A5%E4%B8%80%E6%AD%A5%E5%AD%A6%E4%B9%A0SignalR%E8%BF%9B%E8%A1%8C%E5%AE%9E%E6%97%B6%E9%80%9A%E4%BF%A1/

https://www.cnblogs.com/Leo_wl/p/4793284.html
https://blog.csdn.net/g6uqwseseo/article/details/71439360
https://www.cnblogs.com/Leo_wl/p/4793284.html
https://www.cnblogs.com/shikyoh/p/6272679.html

@{
    Layout = null;
}

<!DOCTYPE html>

<html>
<head>
    <meta name="viewport" content="width=device-width" />
    <title>signalr</title>
</head>
<body>
@ViewBag.DtNow
    <input type="text" id="msg" />
    <input type="button" id="sendmessage" value="SendMessage" />
    <br />
    <ul id="messages"></ul>
    <script type="text/javascript" src="~/Scripts/jquery-1.10.2.min.js"></script>
    <script src="~/Scripts/jquery.signalR-2.2.0.min.js"></script>
    <script src="http://localhost:52813/signalr/hubs"></script>
    <script type="text/javascript">
        $(function () {
            //signalr/hubs
            $.connection.hub.url = "http://localhost:52813/signalr/hubs";
            //所有定义的方法在js中使用时都要首字母小写
            // 服务器端定义的集线器类 PubshHub
            var chat = $.connection.pushHub;
            // 调用服务器端定义的客户端函数 Clients.All.sendMessage(message);
            chat.client.sendMessage = function (message) {
                // Add the message to the page.
                $('#messages').append('<li><strong>' + message + '</strong></li>');
            };

            // Start the connection.
            $.connection.hub.start().done(function () {
                $('#sendmessage').click(function () {
                    // 调用服务器定义的函数 public void Send(string message);
                    chat.server.send($('#msg').val());
                });
            });
        });
    </script>
</body>
</html>

在项目根目录建Hubs文件

using Microsoft.AspNet.SignalR;
using Microsoft.AspNet.SignalR.Hubs;
using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;

namespace SignalRTest.Hubs
{
    [HubName("pushHub")]//指定名称
    public class PushHub : Hub
    {
        public void send(string message)
        {
            message += DateTime.Now.ToString();
            Clients.All.sendMessage(message);//定义客户端函数
        }
    }
}