WHCSRL 技术网

Qt TCP/UDP 网络协议入门实操(一)TCP通讯


源码:     NetToolsTest

QT Widge 其它文章请点击这里:     QT Widget 学习笔记


姊妹篇:     

Qt TCP/UDP 网络协议入门实操(一)TCP通讯

Qt TCP/UDP 网络协议入门实操(二)UDP通讯

Qt TCP/UDP 网络协议入门实操(补充)

此文只是最简单的入门学习,需进一步可以看 飞扬青云 大佬的源码 QWidgetDemo, 选择 nettool ,已经是非常完善的网络调试助手了


关于TCP/IP协议可详看:TCP/IP协议详解 - 知乎 具体就不介绍

总的来说,TCP/IP 通讯分为客户端和服务器通讯,而底层 Qt 都已经都封装好了,如果仅仅只是简单使用,还是相当简单的

在此只需弄懂 QTcpServer(监听套接字)和QTcpSocket(通讯套接字)

监听套接字,顾名思义,监听关于各种通讯的状态,一旦进行通讯,监听套接字会启动通讯套接字,进行通讯

一、TCP 客户端

● Qt 中使用 TCP 客户端通讯演示
在这里插入图片描述
左侧为成熟的网络调试助手

● 实操流程图

在这里插入图片描述
客户端使用 connectToHost 函数主动连接服务器后,服务器会触发 newConnectio 这个槽函数,并进行取出 QTcpServer(监听套接字),将相关内容取出并赋给QTcpSocket(通讯套接字)。

客户端向服务器发送数据,触发readyRead(),进行处理,彼此传递时,原理都是这样的。

● 代码

tcpclient.cpp

#include "tcpclient.h"
#include "ui_tcpclient.h"

TcpClient::TcpClient(QWidget *parent) :
    QWidget(parent),
    ui(new Ui::TcpClient)
{
    ui->setupUi(this);
    initForm();
}

TcpClient::~TcpClient()
{
    delete ui;
}

//1 ui
//2. 初始化
//① 创建 QTcpSocket 套接字对象
//② 建立socket 接收缓冲数据的信号槽(readyRead)
void TcpClient::initForm()
{
    socket = new QTcpSocket(this);
    connect(socket, SIGNAL(readyRead()), this, SLOT(readData()));
}

//3. 连接服务器 (socket->connectToHost)
//  在连接按键中,获取手动输入的服务器IP地址和端口号
void TcpClient::on_btnConnect_clicked()
{
    TcpServerIP = ui->txtServerIP->text().trimmed();
    TcpServerPort = ui->txtServerPort->text().trimmed().toInt();

    if (ui->btnConnect->text() == "连接") {
        socket->abort();
        socket->connectToHost(TcpServerIP, static_cast<quint16>(TcpServerPort));
        ui->btnConnect->setText("断开");
    } else {
        socket->abort();
        ui->btnConnect->setText("连接");
    }
}

//4.1 接收服务器数据 (socket->readAll())
void TcpClient::readData() {
    QByteArray data = socket->readAll();
    if (data.length() <= 0)     return;

    QString strData = "[接收]  " + TcpServerIP + " " + QString::number(TcpServerPort) + " " + data + "";
    ui->txtMain->setTextColor(QColor("red"));
    ui->txtMain->append(strData);
}

// 4.2发送数据到服务器
void TcpClient::on_btnSend_clicked()
{
    QString data = ui->cboxData->currentText();
    if (data.length() <= 0)                 return;

    QByteArray buffer = data.toUtf8();
    socket->write(buffer);

    QString strData = "[发送]  " + TcpServerIP + " " + QString::number(TcpServerPort) + " " + buffer + "";
    ui->txtMain->setTextColor(QColor("darkgreen"));
    ui->txtMain->append(strData);
}
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 15
  • 16
  • 17
  • 18
  • 19
  • 20
  • 21
  • 22
  • 23
  • 24
  • 25
  • 26
  • 27
  • 28
  • 29
  • 30
  • 31
  • 32
  • 33
  • 34
  • 35
  • 36
  • 37
  • 38
  • 39
  • 40
  • 41
  • 42
  • 43
  • 44
  • 45
  • 46
  • 47
  • 48
  • 49
  • 50
  • 51
  • 52
  • 53
  • 54
  • 55
  • 56
  • 57
  • 58
  • 59
  • 60
  • 61
  • 62
  • 63
  • 64
  • 65
  • 66

tcpclient.h

#ifndef TCPCLIENT_H
#define TCPCLIENT_H

#include <QWidget>
#include <QtNetwork>

namespace Ui {
class TcpClient;
}

class TcpClient : public QWidget
{
    Q_OBJECT
public:
    TcpClient(QWidget *parent = nullptr);
    ~TcpClient();
   void initForm();

private slots:
    void readData();

private slots:
    void on_btnConnect_clicked();
    void on_btnSend_clicked();

private:
    Ui::TcpClient *ui;
    QTcpSocket *socket;
    QString TcpServerIP;         //服务器IP
    int TcpServerPort;

};
#endif // TCPCLIENT_H
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 15
  • 16
  • 17
  • 18
  • 19
  • 20
  • 21
  • 22
  • 23
  • 24
  • 25
  • 26
  • 27
  • 28
  • 29
  • 30
  • 31
  • 32
  • 33

二、TCP 服务器

● Qt 中使用 TCP 服务器通讯演示

在这里插入图片描述

● 实操流程图

在这里插入图片描述

● 代码

tcpserver.cpp

#include "tcpserver.h"
#include "ui_tcpserver.h"

#define TIMEMS qPrintable(QTime::currentTime().toString("HH:mm:ss zzz"))


TcpServer::TcpServer(QWidget *parent) :
    QWidget(parent),
    ui(new Ui::TcpServer)
{
    ui->setupUi(this);
    initForm();
}

TcpServer::~TcpServer()
{
    delete ui;
}

//1. UI
//2. 初始化
//  ① 创建QTcpSever对象
//  ② 建立信号槽,有客户端连接时,触发newConnection信号,代表连接服务器成功
void TcpServer::initForm() {
    server = new QTcpServer(this);
    connect(server, SIGNAL(newConnection()), this, SLOT(newConnection()));
}

//3. 侦听端口,使得客户端能用此端口访问服务器 (server->listen)
void TcpServer::on_btnListen_clicked()
{
    if (ui->btnListen->text() == "监听") {
        if (server->listen(QHostAddress::Any , 8888)) {
            ui->txtMain->setTextColor(QColor("darkgreen"));
            
            ui->btnListen->setText("关闭");
        } else {
            ui->txtMain->append("监听失败");
        }

    } else {
        socket->abort();
        server->close();
        ui->btnListen->setText("监听");
    }
}

//4. 客户端连接
//  ① 连接成功触发newConnection信号,
//  ② 服务器通过socket 获取客户端连接信息
//  ③ 连接信号槽,接收到客户端数据触发
void TcpServer::newConnection()
{
    //解析所有客户连接
    while (server->hasPendingConnections())
    {
        //连接上后通过socket获取连接信息
        socket = server->nextPendingConnection();
        QString str = QString("[ip:%%%%1,port:%%%%2]").arg(socket->peerAddress().toString()).arg(socket->peerPort());
        //提示连接成功
        ui->txtMain->append(str + " Connect to the server");
        //复选框选项为连接服务器的ip
        ui->cboxListenIP->addItem(str);
        //监听客户端是否有消息发送
        connect(socket, &QTcpSocket::readyRead, this, &TcpServer::readData);
    }
}

//5.1 接收客户端数据 (socket->readAll())
void TcpServer::readData() {

    QByteArray data = socket->readAll();
    if (data.length() <= 0)     return;

    ui->txtMain->setTextColor(QColor("red"));
    QString strData = "Receive: " + data;
    ui->txtMain->append(strData);
}

//5.2 发送到客户端数据 (socket->readAll())
void TcpServer::on_btnSend_clicked()
{
    QString data = ui->cboxData->currentText();
    if (data.length() <= 0)     return;

    QByteArray buffer = data.toUtf8();
    socket->write(buffer);

    QString strData = "Send: " + buffer;
    ui->txtMain->setTextColor(QColor("darkgreen"));
    ui->txtMain->append(strData);
}

  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 15
  • 16
  • 17
  • 18
  • 19
  • 20
  • 21
  • 22
  • 23
  • 24
  • 25
  • 26
  • 27
  • 28
  • 29
  • 30
  • 31
  • 32
  • 33
  • 34
  • 35
  • 36
  • 37
  • 38
  • 39
  • 40
  • 41
  • 42
  • 43
  • 44
  • 45
  • 46
  • 47
  • 48
  • 49
  • 50
  • 51
  • 52
  • 53
  • 54
  • 55
  • 56
  • 57
  • 58
  • 59
  • 60
  • 61
  • 62
  • 63
  • 64
  • 65
  • 66
  • 67
  • 68
  • 69
  • 70
  • 71
  • 72
  • 73
  • 74
  • 75
  • 76
  • 77
  • 78
  • 79
  • 80
  • 81
  • 82
  • 83
  • 84
  • 85
  • 86
  • 87
  • 88
  • 89
  • 90
  • 91
  • 92
  • 93

tcpserver.h

#ifndef TCPSERVER_H
#define TCPSERVER_H

#include <QWidget>
#include <QtNetwork>

namespace Ui {
class TcpServer;
}

class TcpServer : public QWidget
{
    Q_OBJECT

public:
    explicit TcpServer(QWidget *parent = nullptr);
    ~TcpServer();
    void initForm();

private:
    Ui::TcpServer *ui;
    QTcpServer *server;
    QTcpSocket *socket;

private slots:
    void newConnection();
    void readData();

private slots:
    void on_btnListen_clicked();
    void on_btnSend_clicked();
};

#endif // TCPSERVER_H

  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 15
  • 16
  • 17
  • 18
  • 19
  • 20
  • 21
  • 22
  • 23
  • 24
  • 25
  • 26
  • 27
  • 28
  • 29
  • 30
  • 31
  • 32
  • 33
  • 34
  • 35

源码:     NetToolsTest

QT Widge 其它文章请点击这里:     QT Widget 学习笔记


姊妹篇:     

Qt TCP/UDP 网络协议入门实操(一)TCP通讯

Qt TCP/UDP 网络协议入门实操(二)UDP通讯

Qt TCP/UDP 网络协议入门实操(补充)


参考:

飞扬青云——Qt编写网络调试助手

QT从入门到入土(九)——TCP/IP网络通信(以及文件传输)

推荐阅读