Qt实现简单的Socket通信---客户端

冷不防 2023-02-20 02:15 8阅读 0赞

首先搞定服务端，这里YTNetWork作为Socket服务端使用，其他的软件也是可以的，点击启动即可

![20200621225002955.png][]

下面正式进入主题，开发socket 客户端

新建一个Qt的项目 选择QWidget，创建界面如下:

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2E4OTcxODA2NzM_size_16_color_FFFFFF_t_70]

包含了3个控件，2个TextEdit 分别存放 客户端的收的信息 和 发的消息  
还有一个button 点击的时候把发送消息发送出去。

在项目管理文件中添加网络支持

QT       += core gui network

然后在是widget中的代码：

#include "widget.h"
    #include "ui_widget.h"
    #include <QtNetwork>
    Widget::Widget(QWidget *parent)
        : QWidget(parent)
        , ui(new Ui::Widget)
    {
        ui->setupUi(this);
    
       client = new QTcpSocket(this);
       client->connectToHost(QHostAddress("127.0.0.1"), 8080);
    
        connect(client,&QIODevice::readyRead ,[=](){
            char* data=new char[1024];
            client->readLine(data,1024);
            ui->textEdit->setText(QString(data));
        });
    
    }
    
    Widget::~Widget()
    {
        delete ui;
    }
    
    
    void Widget::on_pushButton_clicked()
    {
        QString  data=ui->textEdit_2->toPlainText();
        QByteArray ba = data.toLocal8Bit();  // 防止中文乱码
        client->write(ba);
    }

其中创建了一个button点击的槽函数 on\_pushButton\_clicked() ，这个函数的功能就是发送消息

另外为接收socket处理创建了一个槽函数。

connect(client,&QIODevice::readyRead ,[=](){
            char* data=new char[1024];
            client->readLine(data,1024);
            ui->textEdit->setText(QString(data));
        });

一开始比较好奇为什么不直接读取了，搞了一个类似回调函数的感觉，后来一想因为不能阻塞界面啊 ， 桌面软件 用户ui必须要响应及时啊。哈哈 是不是有点前端ajax的味道了 。异步的javascript。

ok 一切搞定后启动程序开始测试

输入消息,点击发送 服务端收到了消息  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2E4OTcxODA2NzM_size_16_color_FFFFFF_t_70 1]

服务端输入消息,点击发送

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2E4OTcxODA2NzM_size_16_color_FFFFFF_t_70 2]

ok了，总体而言还是比较简单的。

[20200621225002955.png]: https://img-blog.csdnimg.cn/20200621225002955.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2E4OTcxODA2NzM_size_16_color_FFFFFF_t_70]: https://img-blog.csdnimg.cn/20200621224243232.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2E4OTcxODA2NzM=,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2E4OTcxODA2NzM_size_16_color_FFFFFF_t_70 1]: https://img-blog.csdnimg.cn/20200621225835356.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2E4OTcxODA2NzM=,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2E4OTcxODA2NzM_size_16_color_FFFFFF_t_70 2]: https://img-blog.csdnimg.cn/20200621225904684.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2E4OTcxODA2NzM=,size_16,color_FFFFFF,t_70