我是靠谱客的博主 自由香烟,最近开发中收集的这篇文章主要介绍.NET Core和SignalR实现一个简单版聊天系统——客户端1一、与服务端连接的静态类二、登录界面,觉得挺不错的,现在分享给大家,希望可以做个参考。

概述

前两篇写完了服务端的一些代码,接下来写winform客户端的。

SignalR聊天系统的服务端以及数据库1https://blog.csdn.net/hyx1229/article/details/121258116?spm=1001.2014.3001.5501icon-default.png?t=LA92https://blog.csdn.net/hyx1229/article/details/121258116?spm=1001.2014.3001.5501SignalR聊天系统服务端的方法 2https://blog.csdn.net/hyx1229/article/details/121277634?spm=1001.2014.3001.5501icon-default.png?t=LA92https://blog.csdn.net/hyx1229/article/details/121277634?spm=1001.2014.3001.5501

一、与服务端连接的静态类

在winform的根目录下建一个类,ChatService.cs,建静态类是为了让三个窗体能共用这些方法和数据,需要先在nuget中安装Microsoft.AspNetCore.SignalR.Client这个包

然后我将解释以下代码

静态的UserId:存放自己账户的id,后续获取自己的好友列表,添加好友等都需要用到 

UserList:用于存放自己的好友列表

Connection:就是SignalR连接的上下文了,后续通过它来调用服务端的方法

1.1 await Connection.StartAsync()方法

开启连接,连接成功后服务端可以里面输出当前连接的连接id,只需在服务端中重写Hub的OnConnectedAsync方法 ,服务端全部代码

/// <summary>
        /// 新连接
        /// </summary>
        /// <returns></returns>
        public override async Task OnConnectedAsync()
        {
            Console.WriteLine($"新连接{Context.ConnectionId}");
            await base.OnConnectedAsync();
        }

这里只要我先打开服务端,再启动winform就能看到这个效果,注意你每次重新启动winform,这个连接id是不一样的。所以我们会在用户登录后把它的连接id存到内存中而不是放到数据库。

 1.2Connection.On 监听

前面两篇中说过,服务端主动去发送消息给客户端,同时客户端也需要在建立连接后去监听的。

Connection.On支持泛型,Connection.On<Users>传入的泛型用于约束你将要接收的参数。

写法:Connection.On<string>("test", (msg) =>{MessageBox.Show(msg)});两个必填的参数,第一个是你要监听的方法的名称,第二个是action一个无返回值的委托,也就是你监听到后要做的操作。

这里有个隐藏的知识,看下面代码

服务端发送时的类和客户端监听时的类并不需要是同一个类,但是类中的字段需要相同,否则会监听不到,就好像你被重载了一样。 而利用这个泛型的好处就在于不用一个一个的传参数了,SignalR会主动帮你做序列化。不像websocket只能传输byte数组。

1.3Connection.InvokeAsync("")主动调用服务端的方法

通过它我们可以去发送消息,它主动调用服务端的方法,服务端接收后再通知其他客户端,同时被其他客户端监听到,就实现了发信息的功能。

写法:Connection.InvokeAsync("要调用的方法的名称",参数1,参数2,。。。);支持多参数传递,也可以通过泛型来约束你要调用的方法它所接收的参数类型:                Connection.InvokeAsync<Users>("hello","");这种在服务端的方法有重载的情况下就很好用

下面我们代码中,我们将监听的代码封装到了方法中,每个方法几乎都有需要传入一个action的委托,因为在这个静态类中我们不能确定哪个窗体有哪些控件,并且也无法获取到那些控件。所以把要做的操作通过调用的时候传入进来。

using System;
using System.Collections.Generic;
using System.Runtime.CompilerServices;
using System.Threading.Tasks;
using System.Windows.Forms;
using ChatRommClient_WinFrom.Dtos;
using Microsoft.AspNetCore.SignalR.Client;

namespace ChatRommClient_WinFrom
{
    public static class  ChatService
    {
        public static long UserId = default;
        public static List<Users> UsersList = new List<Users>();
        public static HubConnection Connection;
        /// <summary>
        /// 初始化连接
        /// </summary>
        public static async void SignalRConnection()
        {
            Connection = new HubConnectionBuilder()
                .WithUrl("http://localhost:5160/chatHub")
                .Build();
            await Connection.StartAsync();
            Connection.Closed += async error =>
            {
                await Task.Delay(new Random().Next(0, 5) * 1000);
                await Connection.StartAsync();
            };
        }
        /// <summary>
        /// 监听好友上线
        /// </summary>
        public static void BuddysOnline(Action action)
        {
            Connection.On<Users>("BuddysOnline", user =>
            {
                Task.Run(() =>
                {
                    UsersList.Add(user);
                    action();
                    MessageBox.Show($"您的好友{user.NickName}上线了", "上线通知", MessageBoxButtons.OK, MessageBoxIcon.Asterisk);
                });
            });
        }
        /// <summary>
        /// 监听接收消息
        /// </summary>
        /// <param name="action"></param>
        public static void ReceiveMessage(Action<string,DateTime> action)
        {
            //接收消息
            Connection.On<string,DateTime>("ReceiveMessage", (msg,sendTime) =>
            {
                Task.Run(() =>
                {
                    action(msg,sendTime);
                });
            });
        }
        /// <summary>
        /// 监听登录成功获取在线好友列表
        /// </summary>
        /// <param name="action"></param>
        public static void ReceiveBuddyList(Action action)
        {
            
            Connection.On<List<Users>>("ReceiveBuddyList", users =>
            {
                Task.Run(() =>
                {
                    UsersList.AddRange(users);
                    action();
                });
            });
        }
        /// <summary>
        /// 监听登录结果
        /// </summary>
        /// <param name="success"></param>
        /// <param name="error"></param>
        public static void ReceiveLoginResult(Action success,Action error)
        {
            Connection.On<bool,long>("LoginResult", (result,uid) =>
            {
                if (result)
                {
                    UserId = uid;
                    success();
                }
                else
                {
                    error();
                }
            });
        }
        /// <summary>
        /// 监听添加好友结果
        /// </summary>
        public static void ReceiveAddBuddyResult(Action action)
        {
            Connection.On<string>("ReceiveAddBuddyResult", msg =>
            {
                MessageBox.Show(msg);
                action();
            });
        }
    }

    public class Users
    {
        public string NickName { get; set; }
        public string ConnectionId { get; set; }
    }
}

二、登录界面

2.1初始化SignalR连接

程序启动时就开启连接,并开始监听登录结果这个方法

监听登录成功结果,我们需要传入两个方法,一个是登录成功后的操作,一个是失败的操作

 private void LoginSuccess()
        {
            MainFrm mainFrm = new MainFrm();
            mainFrm.Show();
            this.Visible = false;
        }

        private void LoginError()
        {
            MessageBox.Show("登录失败,账号或密码错误");
        }
private void LoginFrm_Load(object sender, EventArgs e)
        {
            //初始化连接
            ChatService.SignalRConnection();
            //监听登录的结果
            ChatService.ReceiveLoginResult(LoginSuccess,LoginError);
        }

在登录窗体点击注册按钮弹出注册的模态窗体

private void btn_registerFrom_Click(object sender, EventArgs e)
        {
            RegisterFrm frm = new RegisterFrm();
            frm.ShowDialog();
        }

2.2注册方法 

在注册界面点击注册时通过发送http请求,请求服务端写好的注册的api接口

 /// <summary>
        /// 注册
        /// </summary>
        /// <param name="sender"></param>
        /// <param name="e"></param>
        private async void btn_register_Click(object sender, EventArgs e)
        {
            var userInfo = new
            {
                UserName=tb_userName.Text,
                NickName=tb_nickName.Text,
                PassWord=tb_pwd.Text
            };
            HttpClient client = new HttpClient();//创建客户端
            HttpContent httpContent = new StringContent(JsonConvert.SerializeObject(userInfo));//请求的参数
            httpContent.Headers.ContentType = new System.Net.Http.Headers.MediaTypeHeaderValue("application/json");//设置请求参数的格式
            var resMsg = client.PostAsync("http://localhost:5160/api/user/register", httpContent);//发出请求,接收返回值
            var result = await resMsg.Result.Content.ReadAsStringAsync();
            MessageBox.Show(result);
        }

 

 这个id呢就类似与qq号码这个东西,是由后端返回的,之后添加好友也需要通过这个id,其实呢你们可以在后端把id设为Guid类型的,我这里就用的int。

2.3登录方法

 上面我们写了监听,所以当登录成功后就会直接跳到主界面了。

private async void bt_login_Click(object sender, EventArgs e)
        {
            var uname = tb_userName.Text;
            var pwd = tb_pwd.Text;
           await ChatService.Connection.InvokeAsync("Login",uname,pwd);
        }

 成功:

 失败:

下一篇写发送消息和添加好友

源码地址:https://download.csdn.net/download/hyx1229/42548815 

需要免费源码的可以加.net core学习交流群:831181779,在群里@群主即可

最后

以上就是自由香烟为你收集整理的.NET Core和SignalR实现一个简单版聊天系统——客户端1一、与服务端连接的静态类二、登录界面的全部内容,希望文章能够帮你解决.NET Core和SignalR实现一个简单版聊天系统——客户端1一、与服务端连接的静态类二、登录界面所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错,欢迎将靠谱客网站推荐给程序员好友。

本图文内容来源于网友提供,作为学习参考使用,或来自网络收集整理,版权属于原作者所有。
点赞(38)

评论列表共有 0 条评论

立即
投稿
返回
顶部