ESP8266 Community Forum

- Thu Oct 20, 2016 2:10 pm #56861

The ESP8266WebServer is on top of the ESP8266WiFi.
The ESP8266WiFi is a plain TCP Server/Client, so with basic connections functionalities.
It can be use for Telnet server for example, but for WebServer, you are on your own to add all the HTTP protocols by yourself, by that I means preparing headers, parsing requests, etc.
ESP8266WebServer is doing all that for you, so it is easier to create a WebServer and avoiding re-inventing the wheel.

BTW, server.on() is simply to attach callback functions depending of the URL path, while the server.handle() is really where all processes are running under the hood, it should be called by your loop() and your loop() should not stay in a blocking process.

Thanks so much for your reply, Now i now ESP8266WiFi different with ESP8266WebServer thanks again

are you Know how can get client IP ? i mean when some client connect to ESP server hoe can get new Client IP?

- Thu Oct 20, 2016 3:07 pm #56867 To get the client IP, simply use client.remoteIP() from ESP8266WiFi.
From ESP8266WebServer, you first need to get the client, for example during a page handler callback where you wish to print the IP "webserver.client().remoteIP().toString()" will do it.

- Thu Oct 20, 2016 3:32 pm #56868

To get the client IP, simply use client.remoteIP() from ESP8266WiFi.
From ESP8266WebServer, you first need to get the client, for example during a page handler callback where you wish to print the IP "webserver.client().remoteIP().toString()" will do it.

Thanks so much Master

- Wed Jun 07, 2017 2:33 am #66850 We have a similar problem in the code given below. Only one client can connect to ESP at the same time. Whenever a second client send request to webpage 192.168.4.1, the client that was previously connected becomes disconnected and second client can wiev the webpage. We have been dealing with this for more than a week and couldnt find a solution since we are not very good at ESP. We really need help to finish the project as soon as possible.

Code: Select all#include <ESP8266WiFi.h>
#include <ESP8266WebServer.h>
#include <FS.h>
#include <WebSocketsServer.h>
#include <ESP8266mDNS.h>
/* Set these to your desired credentials. */
MDNSResponder mdns;
const char WiFiAPPSK[] = "";

//Digital PINS are for Thingboard not NodeMCU...AD0 is the same for both boards
const int LED_PIN = 2; // Thing's onboard, green LED
const int ANALOG_PIN = A0; // The only analog pin on the Thing
const int DIGITAL_PIN = 12; // Digital pin to be read..was 12

//used to convert temperatureF to an integer
int temp_int;

uint8_t remote_ip;
uint8_t socketNumber;

String x = "";

#define USE_SERIAL Serial
#define DBG_OUTPUT_PORT Serial



ESP8266WebServer server(80);

// Create a Websocket server
WebSocketsServer webSocket(81);

// state machine states
unsigned int state;
#define SEQUENCE_IDLE 0x00
#define GET_SAMPLE 0x10
#define GET_SAMPLE__WAITING 0x12


void analogSample(void)
{
if (state == SEQUENCE_IDLE)
{
return;
}
else if (state == GET_SAMPLE)
{
state = GET_SAMPLE__WAITING;
return;
}
else if (state == GET_SAMPLE__WAITING)
{
int ADCreading = analogRead(ANALOG_PIN);
byte ledStatus = LOW;

//Scale to voltage
float voltage = ADCreading * 3.2;

//Steinhart–Hart voltage to temp conversion
float Temp = log(((10240000/ADCreading) - 10000));
Temp = 1 / (0.001129148 + (0.000234125 + (0.0000000876741 * Temp * Temp ))* Temp );
float temperatureC = Temp - 273.15; // Convert Kelvin to Celsius
float temperatureF = (temperatureC * 9.0)/ 5.0 + 32.0; // Celsius to Fahrenheit - comment out this line if you need Celsius
float temperature = round(temperatureF*10)/10;

//Remove the comment below to enable reading from the AD0 on your board
//temp_int = (int) temperature;

//SIMULATION
//Comment the line below to disable the simulation
String temp_int =Serial.readStringUntil(13);
while(Serial.available()) temp_int =Serial.readStringUntil(13);


String temp_str = String(temp_int);
webSocket.sendTXT(socketNumber, "wpMeter,Arduino," + temp_str + ",1");
//Serial.println("Temp sent!! ");
//Delay sending next sample so that the web server can respond
delay(200);
//Remove the comment below to switch the off the continous sampling
//state = SEQUENCE_IDLE;
return;
//}
}
}

/* Just a little test message. Go to http://192.168.4.1 in a web browser
* connected to this access point to see it.
*/

void handleRoot() {
server.send(200, "text/html", "<h1>You are connected</h1>");
}

void webSocketEvent(uint8_t num, WStype_t type, uint8_t * payload, size_t length) {

switch(type) {
case WStype_DISCONNECTED:
//Reset the control for sending samples of ADC to idle to allow for web server to respond.
USE_SERIAL.printf("[%u] Disconnected!\n", num);
state = SEQUENCE_IDLE;
break;
case WStype_CONNECTED:
{
//Display client IP info that is connected in Serial monitor and set control to enable samples to be sent every two seconds (see analogsample() function)
IPAddress ip = webSocket.remoteIP(num);
USE_SERIAL.printf("[%u] Connected from %d.%d.%d.%d url: %s\n", num, ip[0], ip[1], ip[2], ip[3], payload);
socketNumber = num;
state = GET_SAMPLE;
}
break;

case WStype_TEXT:
if (payload[0] == '#')
{
//Serial.printf("[%u] get Text: %s\n", num, payload);
}
break;

case WStype_ERROR:
USE_SERIAL.printf("Error [%u] , %s\n",num, payload);
}
}

String getContentType(String filename){
if(server.hasArg("download")) return "application/octet-stream";
else if(filename.endsWith(".htm")) return "text/html";
else if(filename.endsWith(".html")) return "text/html";
else if(filename.endsWith(".css")) return "text/css";
else if(filename.endsWith(".js")) return "application/javascript";
else if(filename.endsWith(".png")) return "image/png";
else if(filename.endsWith(".gif")) return "image/gif";
else if(filename.endsWith(".jpg")) return "image/jpeg";
else if(filename.endsWith(".ico")) return "image/x-icon";
else if(filename.endsWith(".xml")) return "text/xml";
else if(filename.endsWith(".pdf")) return "application/x-pdf";
else if(filename.endsWith(".zip")) return "application/x-zip";
else if(filename.endsWith(".gz")) return "application/x-gzip";
else if(filename.endsWith(".svg")) return "image/svg+xml";
return "text/plain";
}

bool handleFileRead(String path){
DBG_OUTPUT_PORT.println("handleFileRead: " + path);
if(path.endsWith("/"))
{
path += "counter.html";
state = SEQUENCE_IDLE;
}
String contentType = getContentType(path);
String pathWithGz = path + ".gz";
DBG_OUTPUT_PORT.println("PathFile: " + pathWithGz);
if(SPIFFS.exists(pathWithGz) || SPIFFS.exists(path)){
if(SPIFFS.exists(pathWithGz))
path += ".gz";
File file = SPIFFS.open(path, "r");
size_t sent = server.streamFile(file, contentType);
file.close();
return true;
}
return false;
}

void setupWiFi()
{
WiFi.mode(WIFI_AP);

String AP_NameString = "esit";

char AP_NameChar[AP_NameString.length() + 1];
memset(AP_NameChar, 0, AP_NameString.length() + 1);

for (int i=0; i<AP_NameString.length(); i++)
AP_NameChar[i] = AP_NameString.charAt(i);

WiFi.softAP(AP_NameChar, WiFiAPPSK);

}

void setup() {

delay(1000);
Serial.begin(9600);
SPIFFS.begin();
//Serial.println();
//Serial.print("Configuring access point...");
/* You can remove the password parameter if you want the AP to be open. */

setupWiFi();


server.on("/", HTTP_GET, [](){
handleFileRead("/");
});

//Handle when user requests a file that does not exist
server.onNotFound([](){
if(!handleFileRead(server.uri()))
server.send(404, "text/plain", "FileNotFound");
});

// start webSocket server
webSocket.begin();
webSocket.onEvent(webSocketEvent);

server.begin();
//Serial.println("HTTP server started");


//+++++++ MDNS will not work when WiFi is in AP mode but I am leave this code in place incase this changes++++++
if (!mdns.begin("esit",WiFi.localIP())) {
 Serial.println("Error setting up MDNS responder!");
 while(1) {
 delay(1000);
}
 }
Serial.println("mDNS responder started");

mdns.addService("http", "tcp", 80);
mdns.addService("ws", "tcp", 81);
}

void loop() {
webSocket.loop();
analogSample();
server.handleClient();
delay(100);
}