Getting the code from thingspeak to MIT inventor

MIT App Inventor Help
1

I am trying trying to make an application for my data logger but cant seem to get the data from the channel properly.

image
image1313×549 52 KB

image
image1593×893 57.5 KB

image
image1720×1392 56.4 KB

Here is the code used for my esp loop void setup() {
Serial.begin(115200);
delay(10);

Wire.begin(); // Initialize I2C bus
dht.begin(); // Initialize DHT20 sensor
Serial.println("Connecting to WiFi...");
WiFi.begin(ssid, password);

while (WiFi.status() != WL_CONNECTED) {
delay(500);
Serial.print(".");
}
Serial.println();
Serial.println("WiFi connected");
}

void loop() {
// Request data from DHT20 sensor
int status = dht.read();

if (status == DHT20_OK) {
float humidity = dht.getHumidity();
float temperature = dht.getTemperature();

Serial.print("Temperature: ");
Serial.print(temperature);
Serial.print("°C, Humidity: ");
Serial.print(humidity);
Serial.println("%");

if (client.connect(server, 80)) {
  String postStr = String("field1=") + String(temperature) + "&field2=" + String(humidity) + "&key=" + apiKey;
  client.println("POST /update HTTP/1.1");
  client.println("Host: api.thingspeak.com");
  client.println("Connection: close");
  client.println("Content-Type: application/x-www-form-urlencoded");
  client.println("Content-Length: " + String(postStr.length()));
  client.println();
  client.println(postStr);
  Serial.println("Data sent to ThingSpeak!");
}
client.stop();

} else {
Serial.print("Error reading DHT20 sensor. Status code: ");
Serial.println(status);
}

delay(20000); // ThingSpeak requires minimum 15 seconds delay between updates
}