如何在没有网络的情况下控制NodeMCU,但使用像Qt这样的GUI(通过wifi)?

How to control NodeMCU without web but with GUI like Qt (through wifi)?

本文关键字:GUI Qt wifi 通过 网络 情况下 NodeMCU 控制      更新时间:2023-10-16

我想制作一个GUI,通过wifi(使用Qt GUI)控制LED的GUI,就像使用Web服务器一样。但是,我想使用Qt GUI来控制它,而不是基于URL的控制。我到处找过,找不到任何答案。如何做到这一点?

编辑 :有关此项目的详细信息:

此代码是创建 Web 界面的代码,其中有一个按钮可以按打开,还有一个按钮可以按关闭,通过本地 IP 地址。

如果按下打开键,它会从192.168.1.xxx重定向到192.168.1.xxx/LED=ON(然后打开 LED)。然后,如果按下关闭键,它将重定向到192.168.1.xxx/LED=OFF(然后关闭 LED)。所有这些都可以通过无线网络完成。

我想对Qt做同样的事情:有两个按钮,上面写着打开关闭,并通过wifi控制LED。

(请注意,我已经知道如何编写Qt GUI,但我不知道如何将Qt与我的NodeMCU ESP8266连接)。我所要求的只是如何创建一个通过wifi控制LED的GUI,而不是使用Web UI来做到这一点,(也许有一些QtWifi库或其他东西)我希望细节现在很清楚。

#include <ESP8266WiFi.h>
const char* ssid = "Magesh";
const char* password = "jayakumar";
int ledPin = 13; // GPIO13
WiFiServer server(80);
void setup() {
Serial.begin(115200);
delay(10);
pinMode(ledPin, OUTPUT);
digitalWrite(ledPin, LOW);
// Connect to WiFi network
Serial.println();
Serial.println();
Serial.print("Connecting to ");
Serial.println(ssid);
WiFi.begin(ssid, password);
while (WiFi.status() != WL_CONNECTED) {
delay(500);
Serial.print(".");
}
Serial.println("");
Serial.println("WiFi connected");
// Start the server
server.begin();
Serial.println("Server started");
// Print the IP address
Serial.print("Use this URL to connect: ");
Serial.print("http://");
Serial.print(WiFi.localIP());
Serial.println("/");
}
void loop() {
// Check if a client has connected
WiFiClient client = server.available();
if (!client) {
return;
}
// Wait until the client sends some data
Serial.println("new client");
while(!client.available()){
delay(1);
}
// Read the first line of the request
String request = client.readStringUntil('r');
Serial.println(request);
client.flush();
// Match the request
int value = LOW;
if (request.indexOf("/LED=ON") != -1)  {
digitalWrite(ledPin, HIGH);
value = HIGH;
}
if (request.indexOf("/LED=OFF") != -1)  {
digitalWrite(ledPin, LOW);
value = LOW;
}
// Set ledPin according to the request
//digitalWrite(ledPin, value);
// Return the response
client.println("HTTP/1.1 200 OK");
client.println("Content-Type: text/html");
client.println(""); //  do not forget this one
client.println("<!DOCTYPE HTML>");
client.println("<html>");
client.print("Led pin is now: ");
if(value == HIGH) {
client.print("On");
} else {
client.print("Off");
}
client.println("<br><br>");
client.println("<a href="/LED=ON""><button>Turn On </button></a>");
client.println("<a href="/LED=OFF""><button>Turn Off </button></a><br />");  
client.println("</html>");
delay(1);
Serial.println("Client disonnected");
Serial.println("");
}

以下是使用 QNetworkAccessManager 使用 Qt GUI 发出 HTTP 请求(GET) 的基本演示。对于进一步实施,您可以抓住 通过WiFiServerQNetworkReply回复。

#include <QApplication>
#include <QVBoxLayout>
#include <QPushButton>
#include <QNetworkAccessManager>
#include <QNetworkRequest>
int main(int argc, char *argv[])
{
QApplication a(argc, argv);
QWidget* w = new QWidget;
QVBoxLayout* layout = new QVBoxLayout;
QPushButton* on = new QPushButton("On");
QPushButton* off = new QPushButton("Off");
layout->addWidget(on);
layout->addWidget(off);
w->setLayout(layout);
QNetworkAccessManager *manager = new QNetworkAccessManager();
QObject::connect(on, &QPushButton::clicked,
[manager](){
manager->get(QNetworkRequest(QUrl("http://192.168.1.xxx/LED=ON")));
});
QObject::connect(off, &QPushButton::clicked,
[manager](){
manager->get(QNetworkRequest(QUrl("http://192.168.1.xxx/LED=OFF")));
});
w->show();
return a.exec();
}