wifimanager 同时设置 mqtt的完整代码

以下是一个使用WiFiManager和PubSubClient库连接WiFi和MQTT服务器，同时保存自定义参数到SPIFFS文件系统的完整代码示例：

#include <WiFiManager.h>
#include <PubSubClient.h>
#include <FS.h>

WiFiManager wifiManager;
WiFiClient wifiClient;
PubSubClient mqttClient;

// 自定义参数
WiFiManagerParameter customDeviceName("devicename", "Device Name", "MyDevice");

void setup() {
  Serial.begin(115200);

  // 初始化SPIFFS文件系统
  if (!SPIFFS.begin()) {
    Serial.println("Failed to mount file system");
    return;
  }

  // 添加自定义参数
  wifiManager.addParameter(&customDeviceName);

  // 启动WiFi连接
  wifiManager.autoConnect("AutoConnectAP");

  // 连接MQTT服务器
  mqttClient.setServer("mqtt.server.com", 1883);
  mqttClient.setCallback(mqttCallback);
  reconnectMQTT();

  // 输出设备名称
  Serial.print("Device Name: ");
  Serial.println(customDeviceName.getValue());
}

void loop() {
  if (!mqttClient.connected()) {
    reconnectMQTT();
  }
  mqttClient.loop();
}

// MQTT回调函数
void mqttCallback(char* topic, byte* payload, unsigned int length) {
  // 处理MQTT消息
}

// 重新连接MQTT服务器
void reconnectMQTT() {
  while (!mqttClient.connected()) {
    Serial.println("Connecting to MQTT server...");
    // 尝试连接到MQTT服务器
    if (mqttClient.connect("clientId")) {
      Serial.println("Connected to MQTT server");
      // 订阅MQTT主题
      mqttClient.subscribe("topic");
      // 发布MQTT消息
      mqttClient.publish("topic", "message");
    } else {
      Serial.print("Failed to connect to MQTT server, rc=");
      Serial.print(mqttClient.state());
      Serial.println(" retrying in 5 seconds");
      // 等待5秒后重试连接
      delay(5000);
    }
  }
}

在这个代码示例中，我们首先包含了WiFiManager、PubSubClient和SPIFFS库。然后我们定义了一些全局变量，包括WiFiManager、WiFiClient和PubSubClient对象，以及自定义参数。

在 `setup()` 函数中，我们初始化了SPIFFS文件系统，并将自定义参数添加到WiFiManager设置页面中。然后我们调用 `autoConnect()` 函数来启动WiFi连接。如果WiFi连接成功，我们将连接到MQTT服务器，并订阅主题和发布消息。最后，我们输出设备名称。

在 `loop()` 函数中，我们检查MQTT连接状态，并调用 `mqttClient.loop()` 函数来处理MQTT消息。

我们还定义了一个MQTT回调函数 `mqttCallback()` 和一个重新连接MQTT服务器的函数 `reconnectMQTT()`。

希望这个代码示例能够帮助你同时设置WiFi连接和MQTT连接，并保存自定义参数到SPIFFS文件系统中。请记得根据你的需求修改代码并添加必要的错误处理和调试信息。