QT聊天项目DAY06

1.从git上同步项目

编译测试，编译通过

Post请求测试

测试成功

2. email is 打印有问题，检查

解析结果是存储在jsonResult中的，修改

3. 客户端实现Post验证码请求

3.1 同步Qt客户端项目

检查QT版本，由于我在公司用的还是QT5.12.9，现在下一版5.14.2

cpp 复制代码

https://download.qt.io/archive/qt/5.14/

选择一下安装目录

选择编译器版本，不适用MingW因为打包容易产生库的依赖缺失问题

3.2 配置系统环境

1. 右击此电脑

2. 新增VSQT扩展编辑器版本

3. 编译测试

图片丢失，检查

但是用QT5.12.9 就没有问题

可能是安装的时候缺失了什么吧

添加QTDesigner打开UI界面，看看是哪里出问题了

检查了一遍UI发现没有任何问题，重新编译查看，一切正常

VS必须要自己配置打开UI的启动器喔，如果不自己配置的话，容易打不开UI界面还可能只能打开代码界面，或者一打开UI就闪退，配置.ui文件的打开方式，上面以及介绍了喔

3.3 开始实现Post请求，然后获取服务器发来的验证码

如果邮箱格式正确就发送Http请求

cpp 复制代码

/* 获取验证码 */
void RegisterWidget::OnGetCodeButtonClicked()
{
	QString Email = ui.Email_Edit->text();

	// 设置正则表达式
	QRegularExpression Regex(R"(^[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,}$)");
	bool Match = Regex.match(Email).hasMatch();
	/* 如果邮箱格式正确 */ 
	if (Match)
	{
		// 发送Http验证码
		QJsonObject jsonHttpCode;
		jsonHttpCode.insert("email", Email);
		HttpManager::Instance()->PostHttpReq(
			QUrl("http://localhsot:8080//getVarifycode"),
			jsonHttpCode,
			ReqID::ID_GET_VARIFY_CODE,
			Modules::REGISTERMOD);
	}
	else
	{
		ShowTipLabel(QString::fromLocal8Bit("邮箱格式不正确"), "error");
	}
}

报错了，QNetworkReply::UnknownServerError,拼写错误，是host不是hsot

一切正确

4. Post请求的整体梳理

4.1 当获取验证码按钮点击时

触发该按钮对应的回调函数，在回调里会先获取邮箱文本，如果邮箱格式正确，会设置要发送的请求，即设置json

4.2 Http管理请求的对象发送该请求

1. 就是之前说过的，当服务器监听8080端口号时发现有客户端发来连接时，会分配一个socket套接字来管理该链接，然后继续监听8080端口；

这里对应的就是客户端发来连接请求，还有对应的请求体request

cpp 复制代码

QNetworkReply* reply = m_pNetworkAccessManager->post(request, data);						
// 发送请求返回一个管理该连接的对象，如果服务器为该连接分配了套接字

2. 服务器会检查是否是Post请求

至于如何解析Post请求的在前面的文章说过了，这里不再赘述，如果客户端发来的json中有email这个key，说明解析成功了，然后回送响应

3. 客户端解析服务器发来的响应

这里只是将服务器回送的响应从客户端的接受缓冲区中全部读出来，并填充到QString中了

具体的解析行为还是在注册窗口里，解耦了，看课的代码很多自己都记不下来，没关系，重要的是掌握思想和整体脉络，只要熟悉一遍了，自己再去搭服务器框架的时候，再猜猜坑，有些代码背不住直接问AI让他帮你生成就可以了

在获取验证码的回调函数中，会检查该回应是否成功

这个error key 是在服务器中添加到响应中的_response["error"] = 0,这里修改一下魔法数字

最后就是获取服务器响应报文中的email

至此整个客户端向服务器发送Post请求的一整套逻辑已经跑了一遍，老实说，这套代码让我再敲一遍，我也敲不出来这么完整的框架出来，这也说明了弯路才是捷径

5. 用Config文件来管理客户端的参数

1. 新建Confin.ini,并添加现有项到自己的解决方案中

2. 填充Config.ini

cpp 复制代码

[GateServer]
host=localhost
port=8080
target=getVarifycode

3. 读取Config.ini

根据我的开发经验来说

一般直接用QDir::CurrPath + Config/Config.ini

或者"./Config/Config.ini"

目前来说没出现过报错

cpp 复制代码

#ifndef GLOBAL_H
#define GLOBAL_H
#include <QWidget>
#include <functional>
#include <QRegularExpression>
#include "QStyle"

#include <memory>
#include <iostream>
#include <mutex>

#include <QString>

// extern 声明此变量是在其他文件中定义的全局变量
extern std::function<void(QWidget*)> repolish;

extern QString ConfigPath;								// 配置文件路径

#endif // GLOBAL_H

cpp 复制代码

#include "Global.h"

#include <QDir>

// 初始化声明的全局变量
std::function<void(QWidget*)> repolish = [](QWidget* Widget)
{
	Widget->style()->unpolish(Widget);
	Widget->style()->polish(Widget);
};

// 配置文件路径
QString ConfigPath = QDir::currentPath() + "/Config/Config.ini";

4. 用QSetting来管理这个config.ini

5. 重新定义创建URL的方式为读取config的方式，来拼接URL