你还不了解QQ聊天是如何实现的吗？手把手教你实现网络聊天室

目录

一、前言

二、聊天协议         

1、自定义聊天协议

三、登录、聊天业务

1、登录业务

1）客户端登录核心代码

2）服务器登录核心代码

3）登录效果展示

2、聊天业务

1）客户端聊天核心代码

2）服务器聊天核心代码

3）聊天效果展示

四、服务器全部代码

---

一、前言

        都2022年了，大家和心中的那个他（她）是怎么保持联系的呢？我想绝大部分人都是通过手机的聊天软件进行聊天或者打语音、视频电话来保持联系。

        那么网络聊天离我们这么近，我们发送的信息怎么通过网络传输到他（她）的手机上呢？本文将通过一个在线聊天的小案例来详细介绍网络聊天的实现过程，带你了解网络信息传递的奥秘！！！

下面是博主实现的效果

✅虽然还不是很完善，但是基本网络聊天业务是可以做到了！

• 开发环境

        windows + linux

• 开发软件

        Visual Studio 2019  +  linux_Qt 5.9.8

话不多说！下面跟着博主一起来实现

二、聊天协议         

       网络传输都是有一个协议的，像TCP、UDP协议都是网络通信常用的通信协议，那么可不可以自己定义一个聊天协议，来进行网络通信（聊天）呢？

        所以在聊天前我们先定义一个聊天协议。

1、自定义聊天协议

• 假设我们的聊天协议是如下一系列结构体

#ifndef PROTOCOL_H
#define PROTOCOL_H

#define LOGIN 1
#define CHAT 2


/*----------------------------请求头------------------------------*/
typedef struct head_t
{
    int businessType; //业务类型
    int businessLength; //业务长度
}HEAD_T;


/*----------------------------请求体------------------------------*/

//聊天信息
typedef struct chatMsg_t
{
    char sengName[20]; //发送者
    char receiveName[20]; //接收者
    char message[100]; //发送的信息
}CHATMSG_T;


//用户信息
typedef struct userinfo_t
{
    char user_name[20];
    char user_pwd[20];
}USERINFO_T;


/*----------------------------反馈头------------------------------*/
typedef struct feedback_t
{
    int businessType; //业务类型
    int businessLength; //业务长度
    int flag; //业务成功与否的状态
}FEEDBACK_T;


#endif // PROTOCOL_H

• 业务类型有两种（即登录和聊天）
• 业务长度是请求体的大小如sizeof（CHATMSG_T）以及sizeof（USERINFO_T）
• 业务成功的标志假设1为成功，-1为失败

---

三、登录、聊天业务

1、登录业务

• 要聊天首先需要登录APP，登录的流程如下图所示

•  在服务器定义一个map容器

        一旦客户端账号密码正确，就将用户名和用户连接服务器时的文件描述符存入map容器中，用于双方聊天时在服务器能够找到那个他（她），并将信息转发给那个他（她）。

        假设账号密码正确，服务器则将登录成功的标志通过反馈包发回给客户端。此时客户端收到登录成功的反馈包，则进行界面跳转进入聊天界面。

1）客户端登录核心代码

• 博主的客户端是在linux下使用Qt进行ui设计

合并协议（请求头+请求体）

//定义请求头  请求头包含业务类型+用户信息结构体大小
this->protocolHead.businessType = LOGIN;
this->protocolHead.businessLength = sizeof(USERINFO_T);
memcpy(buf, &protocolHead, sizeof(HEAD_T));

//拷贝请求体  请求体包含用户名+密码
memcpy(info.user_name, ui->lineEdit->text().toStdString().c_str(), sizeof(info.user_name));
memcpy(info.user_pwd, ui->lineEdit_2->text().toStdString().c_str(), sizeof(info.user_pwd));
memcpy(buf + sizeof(HEAD_T), &info, sizeof(USERINFO_T));

发送协议（整个 buf write给服务器）

void writeThread::run()
{
    if(strlen(this->buf) > 0)
    {
        //this->socketFd代表服务器的文件描述符
       int res = write(this->socketFd, this->buf, this->size);
       qDebug()<<"send res = "<buf, 0, sizeof(this->buf));
    }
}

        上面两段代码的含义是将协议头和协议体统一合在一个字符数组buf里，然后将整个buf发给服务器。

客户端读取服务器发来的反馈包

bzero(&back, sizeof(FEEDBACK_T));

read(this->socketFd, &back, sizeof(FEEDBACK_T));

if(back.businessType == LOGIN)//业务类型为登录
{
    userdata::loginstate = back.flag;
    emit sendloginflag(back.flag);//将登录是否成功的标志发送给登录界面
}

        客户端的设计是将read和write的业务用两条线程来完成，并且read线程是死循环一直读取服务器发来的信息。

        因为是登录业务，所以反馈包只包含了反馈头，所以只需要read一次反馈头即可。通过Qt中emit发送信号的形式将登录成功与否的标志发送给登录界面。

---

2）服务器登录核心代码

int loginstate = 0;       //登录状态
HEAD_T head = { 0 };      //协议头
USERINFO_T user = { 0 };  //协议体
char name[20] = { 0 };    //存用户名
FEEDBACK_T back = { 0 };  //反馈头

//先读请求头 判断是什么业务  fd为客户端连接上服务器时的文件描述符
read(fd, &head, sizeof(HEAD_T));

if (head.businessType == LOGIN) //登录业务
{
        
	int res = read(fd, &user, head.businessLength); //再读请求体 拿到账号和密码

	if (res == head.businessLength) //如果读到的res和业务长度一致，说明数据没有丢失
	{
            
		for (int i = 0; i < 6; i++) //遍历用户信息结构体数组
		{
			if (strcmp(userInfo[i].user_name, user.user_name) == 0 && strcmp(userInfo[i].user_pwd, user.user_pwd) == 0)//用户名密码正确
			{
				back.flag = 1;//账号密码一致 标志为1
				strcpy(name, user.user_name);
				onlineMap.insert(make_pair(name, fd));//容器插入数据
				cout << "在线人数：" << onlineMap.size() << endl;
				break;
			}
			back.flag = -1;
		}
            
		back.businessType = LOGIN;  //设置反馈包的业务类型和业务长度
		back.businessLength = sizeof(USERINFO_T);
            
		write(fd, &back, sizeof(FEEDBACK_T));  //将反馈包发给客户端
	}
}

        不论聊天业务还是登录业务，客户端发来的协议都是 请求头+请求体，所以服务器先read请求头，判断是登录业务之后再read请求体。

        请求体里面包含用户的账号密码，博主服务器没有与数据库对接，为了方便是将所有用户信息存放到一个结构体数组中，通过遍历结构体数组的方式查找登录的用户是否存在。

        然后将查找的结果通过反馈包的形式write给客户端。

---

3）登录效果展示

• 全部用户信息如下

USERINFO_T userInfo[6] = { {"1001","123456" },{"1002", "123456" } ,{"似末", "123456" } ,
	{"1003", "123456" },{"玛卡巴卡", "123456" } ,{"花开富贵", "123456" } };

• 假设博主的账号为似末，聊天对象账号为玛卡巴卡，来进行两个客户端的登录

• 账号密码输入正确，点击登录按钮，跳转到聊天界面

        博主（似末）看到的聊天界面如下

        聊天对象（玛卡巴卡）看到的聊天界面如下

 ✅ok，此时双方都已经在线啦！！

        登录成功跳转到聊天界面，此时登录业务已经做完了，接下来我们来分析一下核心业务（聊天业务）。

---

2、聊天业务

• 聊天的流程如下图所示

        上面登录业务提到的map容器在聊天业务这边就用到了，因为容器里面存放的是已上线的用户和对应的文件描述符，只要根据客户端发来的请求体来找到接收者并进行消息的转发即可。

注意：服务器发回来的反馈包包含反馈头+反馈体（聊天体），而上面的登录业务服务器只发回反馈头。

•  

        由此我们可以知道双方聊天并不是直接将信息发送给对方，而是信息先发给服务器，然后服务器进行转发给你要发送的用户。

 

• 从聊天流程来看服务器又把你发送的信息发回给你，这是为什么呢？

看博主的“直男3连问”

        其实也不难理解，我们发送出去的信息我们自己肯定要看得到，而我们看到的聊天信息都是服务器发来的，所以服务器要把你发的信息再发回给你，即让你确认你的信息已经成功发送出去了。

1）客户端聊天核心代码

• 客户端聊天的核心代码和登录的差不多

合并协议（请求头+请求体）

//定义请求头  请求头包含 业务类型+聊天信息结构体大小
this->protocolHead.businessType = CHAT;
this->protocolHead.businessLength = sizeof(CHATMSG_T);
memcpy(buf, &protocolHead, sizeof(HEAD_T));

//拷贝请求体  请求体包含 聊天信息+发送者+接收者
memcpy(msg.message, sendmsg.toStdString().c_str(), sizeof(msg.message));
memcpy(msg.sengName, userdata::currentUser.toStdString().c_str(), sizeof(msg.sengName));
memcpy(msg.receiveName, userdata::receiveUser.toStdString().c_str(), sizeof(msg.receiveName));

memcpy(buf + sizeof(HEAD_T), &msg, sizeof(CHATMSG_T));

发送协议（整个 buf write给服务器）

void writeThread::run()
{
    if(strlen(this->buf) > 0)
    {
        //this->socketFd代表服务器的文件描述符
       int res = write(this->socketFd, this->buf, this->size);
       qDebug()<<"send res = "<buf, 0, sizeof(this->buf));
    }
}

客户端读取服务器发来的反馈包

//receive from sever
void readThread::run()
{

    while(1)
    {
        bzero(&back, sizeof(FEEDBACK_T));
        bzero(&chatmsg, sizeof(CHATMSG_T));
        read(this->socketFd, &back, sizeof(FEEDBACK_T)); //先读头

        if(back.businessType == LOGIN) //登录业务
        {
            userdata::loginstate = back.flag;
            emit sendloginflag(back.flag); //发送给登录界面
        }
        else if(back.businessType == CHAT) //聊天业务
        {
            read(this->socketFd, &chatmsg, back.businessLength); //再读体

            //将发送者和聊天内容拼接起来 并发送给聊天界面
            QString msg = QString("%1.%2").arg(chatmsg.sengName).arg(chatmsg.message); 
            emit receivemsg(msg); 
        }
    }
}

        因为是聊天业务，反馈包包含反馈头+反馈体（聊天信息），所以需要read两次，第一次读头，第二次读体。通过Qt中emit发送信号的形式将发送者和聊天内容发送给聊天界面。

2）服务器聊天核心代码

HEAD_T head = { 0 };   //协议头
CHATMSG_T buf = { 0 }; //协议体
map::iterator it;//迭代器
FEEDBACK_T back = { 0 }; //反馈头

//先读请求头 判断是什么业务  fd为客户端连接上服务器时的文件描述符
read(fd, &head, sizeof(HEAD_T));

if(head.businessType == CHAT) //聊天业务
{
	//cout << "开始聊天" << endl;
	if (onlineMap.size() > 1) //在线人数大于1
	{
		read(fd, &buf, sizeof(CHATMSG_T));  //再读请求体

        //设置反馈头
		back.flag = 1;
		back.businessType = CHAT;
		back.businessLength = sizeof(CHATMSG_T);
        
        //将反馈头和反馈体合起来
		char backbuf[sizeof(FEEDBACK_T) + sizeof(CHATMSG_T)] = { 0 };
		memcpy(backbuf, &back, sizeof(FEEDBACK_T));
		memcpy(backbuf + sizeof(FEEDBACK_T), &buf, sizeof(CHATMSG_T));

		write(fd, &backbuf, sizeof(backbuf));//发给发送者

		int sendFd = 0;
		for (it = onlineMap.begin(); it != onlineMap.end(); it++)//寻找需发送的对象的文件描述符
		{
			if (strcmp(buf.receiveName, (*it).first) == 0)
			{
				sendFd = (*it).second;
				write(sendFd, &backbuf, sizeof(backbuf));//发给接收者
				cout << "收到用户 " << buf.sengName << " 发来的消息，并转发给用户 " << buf.receiveName << endl;
				break;
			}
		}
	}
}

        不论聊天业务还是登录业务，客户端发来的协议都是 请求头+请求体，所以服务器先read请求头，判断是聊天业务之后再read请求体。

        请求体里面包含（发送者、接收者、聊天内容），使用迭代器通过遍历map容器的方式查找在线的接收者。

        然后合并反馈头+聊天体，发给发送者，再发给接收者。

---

3）聊天效果展示

• 当聊天对象（玛卡巴卡）发一条信息给博主（似末）

• 博主（似末）低情商回复

• 博主（似末）高情商这样回复

• 博主（似末）后续

原来阻断我和她的聊天是红色感叹号啊！！！ 

  ✅到这里我们的所有业务都做完啦！！大家对网络聊天是不是更加了解了呢！

• 下面附服务器全部代码

四、服务器全部代码

#include 
#include          
#include 
#include 
#include 
#include 
#include 
#include 
#include 

注意：#include "protocol.h" 这个头文件为文章开头的自定义聊天协议

 

 The end ……

原创不易，转载请标明出处。

对您有帮助的话可以一键三连，会持续更新的（嘻嘻）。