一步一步学习SignalR进行实时通信_6_案例

其他 2019-07-10 13:44:58 阅读次数: 0

目录

一步一步学习SignalR进行实时通信_6_案例1

标签（空格分隔）： SignalR

前言

由于这段时间在找房子,所以耽误了一段时间。前几讲把一些基础的东西稍微介绍了下,这一讲就简单介绍一个小例子,大致功能是实现在线聊天,并显示在线用户、用户上下线实时提醒。这个例子并不复杂只是把之前介绍联系起来。

在这里为了简单起见,暂时不涉及到数据库的操作。

类的定义

用户信息类UserInfo

public class UserInfo
{
   
    /// <summary>
    /// ConnectionId
    /// </summary>
    public string ConnectionId { get; set; }
    /// <summary>
    /// 姓名
    /// </summary>
    public string Name { get; set; }
    /// <summary>
    /// 上线时间
    /// </summary>
    public DateTime ConnectedAt { get; set; }
    /// <summary>
    /// 在线标志
    /// </summary>
    public bool IsOnline { get; set; }
}

各块功能

后台

上线

public override Task OnConnected()
{
    Interlocked.Increment(ref _usersCount);
    var user = new UserInfo()
    {
        ConnectionId = Context.ConnectionId,
        IsOnline = true,
        Name = "user" + _usersCount,
        ConnectedAt = DateTime.Now
    };
    _users[Context.ConnectionId] = user;
    var notifyAll = (Task)Clients.All.NewUserNotification(user);
    var updateMessage = (Task)Clients.Caller.UpdateMessage(user.Name, _users.Values.ToArray());
    var sendToAll = (Task)Clients.Others.welcome(_users.Values.ToArray());
    return notifyAll.ContinueWith(_ => updateMessage).ContinueWith(_ => sendToAll);
}

下线

public override Task OnDisconnected()
{
    UserInfo user;
    if (_users.TryRemove(Context.ConnectionId, out user))
    {
        return Clients.All.UserDisconnectedNotification(user);
    }
    return base.OnDisconnected();
}

修改昵称

public Task ChangeNickname(string newName)
{
    UserInfo user;
    if (_users.TryGetValue(Context.ConnectionId, out user))
    {
        var oldName = user.Name;
        user.Name = newName;
        return Clients.All.NicknameChangedNotification(user, oldName);
    }
    return null;
}

发送消息给所有人

public Task Send(string message)
{
    UserInfo user;
    if (_users.TryGetValue(Context.ConnectionId, out user))
    {
        var msgToSend = string.Format("[{0}]: {1}", user.Name, message);
        return Clients.All.Message(msgToSend);
    }
    return null;
}

前台

用户上线消息

function newUserNotification(user) {
    if (getUserElement(user.ConnectionId).length == 0) {
        $("#users").append($(getUserListItem(user)));
    }
    systemMessage("欢迎 " + user.Name + " 用户进入聊天室!");
}

昵称改变消息

function nicknameChangedNotification(user, oldName) {
    var userElement = getUserElement(user.ConnectionId);
    if (userElement.length > 0) {
        userElement.replaceWith($(getUserListItem(user)));
        systemMessage(oldName + " 改名为 " + user.Name + ".");
    }
    if (user.Id === $.connection.hub.id) {
        $("#name").text(user.Name);
    }

用户下线消息

function userDisconnectedNotification(user) {
    var userElement = getUserElement(user.ConnectionId);
    if (userElement.length > 0) {
        systemMessage(user.Name + " 离开聊天室.");
        userElement.remove();
    }
}

更新个人信息

function updateMessage(assignedNickname, userList) {
    var result = "";
    for (var i = 0; i < userList.length; i++) {
        var user = userList[i];
        result += getUserListItem(user);
    }
    $("#users").empty();
    $("#users").append(result);
    $("#username").text(assignedNickname);
    $("#user-info").show();
}

用户上线提醒

function welcome(userList) {
    var result = "";
    for (var i = 0; i < userList.length; i++) {
        var user = userList[i];
        result += getUserListItem(user);
    }
    $("#users").empty();
    $("#users").append(result);
}

发送消息

function message(message) {
var $panel = $("#chatpanel");
$panel.append("<li class='list-group-item'>" + message + "</li>");
$panel.scrollTop($panel[0].scrollHeight);
}

效果图

结束语

功能较为简单,本来还加了其他的功能,但是由于最近太忙了,打好了一半然后又全部删掉了,后面有时间再慢慢加上去。

源码下载

本文发布至作业部落

参考文献

SignalR Programming in Microsoft ASP.NET pdf 下载

目录

一步一步学习SignalR进行实时通信_6_案例1

标签（空格分隔）： SignalR

前言

由于这段时间在找房子,所以耽误了一段时间。前几讲把一些基础的东西稍微介绍了下,这一讲就简单介绍一个小例子,大致功能是实现在线聊天,并显示在线用户、用户上下线实时提醒。这个例子并不复杂只是把之前介绍联系起来。

在这里为了简单起见,暂时不涉及到数据库的操作。

类的定义

用户信息类UserInfo

public class UserInfo
{
   
    /// <summary>
    /// ConnectionId
    /// </summary>
    public string ConnectionId { get; set; }
    /// <summary>
    /// 姓名
    /// </summary>
    public string Name { get; set; }
    /// <summary>
    /// 上线时间
    /// </summary>
    public DateTime ConnectedAt { get; set; }
    /// <summary>
    /// 在线标志
    /// </summary>
    public bool IsOnline { get; set; }
}

各块功能

后台

上线

public override Task OnConnected()
{
    Interlocked.Increment(ref _usersCount);
    var user = new UserInfo()
    {
        ConnectionId = Context.ConnectionId,
        IsOnline = true,
        Name = "user" + _usersCount,
        ConnectedAt = DateTime.Now
    };
    _users[Context.ConnectionId] = user;
    var notifyAll = (Task)Clients.All.NewUserNotification(user);
    var updateMessage = (Task)Clients.Caller.UpdateMessage(user.Name, _users.Values.ToArray());
    var sendToAll = (Task)Clients.Others.welcome(_users.Values.ToArray());
    return notifyAll.ContinueWith(_ => updateMessage).ContinueWith(_ => sendToAll);
}

下线

public override Task OnDisconnected()
{
    UserInfo user;
    if (_users.TryRemove(Context.ConnectionId, out user))
    {
        return Clients.All.UserDisconnectedNotification(user);
    }
    return base.OnDisconnected();
}

修改昵称

public Task ChangeNickname(string newName)
{
    UserInfo user;
    if (_users.TryGetValue(Context.ConnectionId, out user))
    {
        var oldName = user.Name;
        user.Name = newName;
        return Clients.All.NicknameChangedNotification(user, oldName);
    }
    return null;
}

发送消息给所有人

public Task Send(string message)
{
    UserInfo user;
    if (_users.TryGetValue(Context.ConnectionId, out user))
    {
        var msgToSend = string.Format("[{0}]: {1}", user.Name, message);
        return Clients.All.Message(msgToSend);
    }
    return null;
}

前台

用户上线消息

function newUserNotification(user) {
    if (getUserElement(user.ConnectionId).length == 0) {
        $("#users").append($(getUserListItem(user)));
    }
    systemMessage("欢迎 " + user.Name + " 用户进入聊天室!");
}

昵称改变消息

function nicknameChangedNotification(user, oldName) {
    var userElement = getUserElement(user.ConnectionId);
    if (userElement.length > 0) {
        userElement.replaceWith($(getUserListItem(user)));
        systemMessage(oldName + " 改名为 " + user.Name + ".");
    }
    if (user.Id === $.connection.hub.id) {
        $("#name").text(user.Name);
    }

用户下线消息

function userDisconnectedNotification(user) {
    var userElement = getUserElement(user.ConnectionId);
    if (userElement.length > 0) {
        systemMessage(user.Name + " 离开聊天室.");
        userElement.remove();
    }
}

更新个人信息

function updateMessage(assignedNickname, userList) {
    var result = "";
    for (var i = 0; i < userList.length; i++) {
        var user = userList[i];
        result += getUserListItem(user);
    }
    $("#users").empty();
    $("#users").append(result);
    $("#username").text(assignedNickname);
    $("#user-info").show();
}

用户上线提醒

function welcome(userList) {
    var result = "";
    for (var i = 0; i < userList.length; i++) {
        var user = userList[i];
        result += getUserListItem(user);
    }
    $("#users").empty();
    $("#users").append(result);
}

发送消息

function message(message) {
var $panel = $("#chatpanel");
$panel.append("<li class='list-group-item'>" + message + "</li>");
$panel.scrollTop($panel[0].scrollHeight);
}

效果图

结束语

功能较为简单,本来还加了其他的功能,但是由于最近太忙了,打好了一半然后又全部删掉了,后面有时间再慢慢加上去。

源码下载

本文发布至作业部落

参考文献

SignalR Programming in Microsoft ASP.NET pdf 下载

猜你喜欢

转载自www.cnblogs.com/owenzh/p/11163305.html
今日推荐
openKylin 社区生态委员会第六次会议圆满召开
阿里云正式发布通义千问 2.5
Python 3.13 发布首个 Beta：实验性自由线程模式和 JIT、改进交互式解释器
Stack Overflow 拿我的代码去训练 AI 大模型，还封了我的账号
Pop!_OS 的 COSMIC 桌面完成 App Store 上架工作
报告：Django 仍然是 74% 开发者的首选
《2024 年一季度互联网投融资运行情况》研究报告
15 年前上了“FFmpeg 耻辱柱”，今天他还得谢谢咱——腾讯QQPlayer一雪前耻？
TIOBE 5 月榜单：Fortran “复活”进入 Top 10
GCC 14.1 发布
面壁智能发布 Eurux-8x22B 开源大模型 —— 堪称「理科状元」
开源日报 | 谷歌扶持鸿蒙上位；开源Rabbit R1；Docker加持的安卓手机；微软的焦虑和野心；海尔电器把开放平台关了
周排行
计算机组成与设计（七）—— 除法器
Integer Approximation(分治+枚举)
大话数据库索引
windows10系统JDK的配置及下载地址
mysql实现秒值转换中原六仔平台搭建
Codeforces Round #556 (Div. 1)
百练1064 网线主管
Codeforces 995F Cowmpany Cowmpensation
子集生成之增量构造法，位向量法，二进制法
ERROR: cmd.exe failed with args /c "/APK\gradle\rungradle.bat...
每日归档
更多
2024-05-10(38)
2024-05-09(35)
2024-05-08(42)
2024-05-07(14)
2024-05-06(40)
2024-05-05(0)
2024-05-04(7)
2024-05-03(19)
2024-05-02(0)
2024-05-01(4)

代码天地 © 2018 codetd.com

境外服务器   最新电视剧2022