Beschrijving
http://blog.cindypotvin.com/connecting-esp8266-to-your-network/
Wifi comes in many sizes and prices (overview). This ESP8266 shield is used in a Internet of Things project. A manual can be found at the site of the Chinese developers.
Before starting
A Wifi shield always consumes a lot of power. In fact too much to just feed a project including Wifi trough USB. This shield always needs an external 9Vdc power supply connected to the shield. Although all LEDs will light as they are supposed to do, your shield will not work properly without an extra power supply. The red LED signals a power supply, even when power is too low. The blue LED signals activities by blinking.
When programming Arduino with IDE SW1 must switch to off position. SW1 refers to the entire block so to both switches at the same time. This must be done to disconnect the serial connection between the 2 boards. More specific is this done to disconnect the direct serial connection between the ESP8266 chip and for example an Arduino Uno. Must I switch it back to ON after programming? Yes if you are using transparent modus since the serial connection is made through this port. No if you would want to use your ESP8260 stand-alone. But you must reflash it to achieve that state. Reflashing is not part of this tutorial.
First connection
Assuming that everything is still set to Factory Defaults the shield acts as a Wifi network. It takes 2 steps to configure your shield:
- You can connect to this network station which is called DoitWiFi_Config. This usually is very easy to do with any mobile phone. Go to your Wifi configuration and connect to the DoitWiFi_Config.
- Once connected to this network you can find the built-in server at 192.168.4.1. What you should get is something like image 2. You can now use your device as stand-alone network.
But this means that you have to change your Wifi connection every time you want to use your IoT project. And that is not very practical. So you want to have this IoT device connected to your router and let it have an IP-address by DHCP. To do so in the configuration screen Station should be enabled to yes. Then select your router from the AP-list and add the password. From now on this IoT device can be addressed as for example 192.168.2.4 from anywhere in your local home network.
Next adjust the router so that this address will be fixed from now on.
When the Station: radio button is set back to No then the IP-address will be 192.168.4.1 again and only reachable through its own WiFi connection again.
| 192.168.4.1 First communication |
|---|
| We want to achieve that we can tell our IoT how to set its outputs and we want to receive sensor values acquired by our IoT project. We want to do this with a PHP program that is optimized for mobile phones. Basically is the Arduino the webserver and the PHP program is the client.
Outputs
Upload this ESP13-1 sketch and when uploaded open the Serial Monitor. Next try 192.168.2.4:9000?switch1=on&switch2=aut& in the browser of any computer on your LAN. You will receive the entire GET request in your Arduino Serial Monitor. It should look something like this:
GET /?switch1=on&switch2=aut& HTTP/1.1
Host: 192.168.2.3:9000.0 (X11; Ubuntu; Linux x86_64; rv:47.0) Gecko/20100101 Firefox/47.0
Accept: text/html,application/xhtml+xml,application/xml;q=0.9,*/*;q=0.8
Accept-Language: en-US,en;q=0.5
Accept-Encoding: gzip, deflate
Connection: keep-alive
This is basically how an µcontroller (IoT project) receives data (=commands) from a web page using this shield.
Inputs
Now we also want to return an answer from our IoT project to the calling website. To do so first upload this ESP13-2 sketch. Then you can open the ESP13-2.php page. So through this site you can switch on/off a light at our office and read our sensors. |
| 192.168.4.19 Propagator first communication |
|---|
| We want to achieve that we can call this device from any browser by using 192.168.2.19:9000. We should receive a web page with all current values shown. The request that is send by the browser looks like:
GET / HTTP/1.1
Host: 192.168.2.19:9000
User-Agent: Mozilla/5.86_64; rv:52.0) Gecko/20100101 Firefox/52.0
Accept: text/html,application/xhtml+xml,application/xml;q=0.9,*/*;q=0.8
Accept-Language: en-US,en;q=0.5
Accept-Encoding: gzip, deflate
Connection: keep-alive
Upgrade-Insecure-Requests: 1
We DO receive the request and we also print an answer to the serial port. However the browser screen stays white and the TAB keeps telling me "Connecting". That changes after inserting
Serial.print("Content-Length: 102"); //Finish html after amount of chars
|
$val ){
$$key = stripslashes( $val );
}
$jaar = substr($changeddate,0,4);
$maand = substr($changeddate,5,2);
$dag = substr($changeddate,8,2);
$lastupdate = ("$jaar $maand $dag");
$prtsrttxt = get_txt($con1, 26, 1, $idsrtodd);
$jaar = substr($createddate,0,4);
$maand = substr($createddate,5,2);
$dag = substr($createddate,8,2);
$create_stamp = ("$dag $maand $jaar");
//GENERAL INFO FOR EVERY USER **************************************************
echo (" ");
echo ("| "); //Header
$tmp = get_txt($con1, 9, $koekje[2], 3923); //Fieldname at screen
if ($koekje[3]=="1") { //If this user wants to translate then
echo ("$tmp"); //If desired
}else{ echo ("$tmp"); } //Else just show if no need to translate
if ($koekje[0]>0 and $koekje[3]>0){ //User is logged in and translates
echo (" (edit)");
}
echo ("Algemene informatie test |
|---|
");
if ($codetext) { //Code like KY-026 or NA-41
echo ("| ");
$tmp = get_txt($con1, 9, $koekje[2], 3739); //Fieldname at screen
if ($koekje[3]=="1") { //If this user wants to translate then
echo ("$tmp"); //Class for colour
}else{ //So you are not allowed to translate
echo $tmp; //Show screenname of this field in user language
} //End of If you want to translate this fieldname at screen
echo (" | ");
if ($codelink) {
echo ("$codetext");
}else{
echo ("$codetext");
} //End of if ($pinoutlink)
echo (" | ");
} //End of if ($codetext)
$tmp = get_txt($con1, 9, $koekje[2], 3741); //Fieldname at screen
if ($prijseurinclbtw > 0){ //Show price indication
$prijs_formatted = number_format($prijseurinclbtw / 100, 2, ',', '.');
echo ("| $tmp | ");
echo ("");
if ($urlprijs){
echo ("€ $prijs_formatted");
}else{
echo ("€ $prijs_formatted");
} //End of if ($urlprijs > "")
echo (" | ");
} //End of if ($prijseurinclbtw > 0)
if ($sketchtext) { //Link to OWN SOFTWARE
$tmp = get_txt($con1, 9, $koekje[2], 3738); //Fieldname at screen
echo ("| $tmp | ");
if ($sketchlink) {
echo ("$sketchtext");
}else{
echo ("$sketchtext");
} //End of if ($sketchlink)
echo (" | ");
} //End of if ($sketchtext)
$tmp = get_txt($con1, 9, $koekje[2], 3744); //Fieldname at screen
if ($pinouttext) { //Pinout
echo ("| $tmp | ");
if ($pinoutlink) {
echo ("$pinouttext");
}else{
echo ("$pinouttext");
} //End of if ($pinoutlink)
echo (" | ");
}
$tmp = get_txt($con1, 9, 1, 3735); //Fieldname at screen
$tmp2 = get_txt($con1, 26, 1, $row4[16]); //Group name in its language
echo ("| $tmp | "); //MENU GROUP
echo ("");
echo ("$tmp2 | ");
if ($koekje[0]>0 and $koekje[3]>0){ //User is logged in and translates
$tmp = get_txt($con1, 9, $koekje[2], 3918); //Fieldname at screen LANGUAGE
if ($row4[26] == 1) {$imgname = "nederland.png";}
if ($row4[26] == 2) {$imgname = "deutschland.png";}
if ($row4[26] == 3) {$imgname = "uk.png";}
if ($row4[26] == 4) {$imgname = "france.png";}
echo ("| $tmp | ");
echo (" ");
echo (" | ");
$tmp = get_txt($con1, 9, $row4[27], 3919); //Fieldname at screen
$statuskey = get_status_key($con1, $status);
$tmp2 = get_txt($con1, 61, $koekje[2], $statuskey); //Fieldname at screen
echo ("| $tmp | "); //STATUS
echo ("$status $tmp2 | ");
}
$tmp = get_txt($con1, 9, 1, 3966); //Fieldname at screen
echo ("| $tmp | "); //LAST CHANGED
$tmp = substr($changeddate, 0, 10);
echo ("$tmp | ");
echo (" ");
return;
////////////////////////////////////////////////////////////////////////////////
function get_status_key($con, $num){
$qry = ("SELECT id FROM status WHERE nr = $num ;");
$result = pg_query($con, $qry);
$row = pg_fetch_array($result);
return ("$row[0]");
}
0
AND software.rstid = 2
AND tblsystext.lanid = $koekje[2]
AND tblsystext.txlid = 19
ORDER BY sftname ASC
, controller ASC
;");
$result = pg_query($con1, $qry2);
if (pg_num_rows($result)>0) { //Only if at least 1 program exists
echo (' ');
echo ("| "); //Header
$tmp = get_txt($con1, 9, $koekje[2], 3922); //Fieldname at screen
if ($koekje[3]=="1") { //If this user wants to translate then
echo ("$tmp"); //If desired
}else{ echo ("$tmp"); } //Else just show if no need to translate
echo (" |
|---|
");
while($col = pg_fetch_array($result)){
$col[0] = ("$col[0]");
echo (" ");
echo ("| $col[2] | ");
echo ("$col[0] | ");
if ($koekje[0] > 0 and $koekje[3]>0){ //User is logged in and translates
echo ("");
echo ("(Edit) | ");
}
echo (' ');
}
echo (' ');
}
?>
0){
if ($header == 0) {
echo ("");
echo ("| "); //Header
$tmp = get_txt($con1, 9, $koekje[2], 3879); //Fieldname at screen
if ($koekje[3]=="1") { //If this user wants to translate then
echo ("$tmp"); //If desired
}else{ echo ("$tmp"); } //Else just show if no need to translate
echo (" |
|---|
");
$header++;
} //End of if ($header == 0)
echo ("");
echo ("$colbpp[2]");
//Show software van deze bot
$qry=("SELECT software_basedir
FROM farmbotversie
WHERE id = $colbpp[0];");
$result = pg_query($con1, $qry);
$col = pg_fetch_array ($result ,0);
$dir1 = "/var/www/html/robotigs/software/$col[0]";
$arr1 = glob($dir1, GLOB_ONLYDIR);
if (isset($arr1[0])){
$folder = $arr1[0];
$countertmp = 0;
echo ("");
foreach (scandir($folder, 1) as $filename) {
if ($filename<>"." AND $filename <>".."){
if ($countertmp == 0){
$countertmp++;
} //End of if ($countertmp == 0)
$tmp = "/";
$dir = substr($folder, 14) ."/";
$link = $tmp .$dir .$filename;
$showname = substr($filename, 0 ,-4);
echo ("- ");
echo "$showname";
echo ("
");
} //End of if ($filename<>"." AND $filename <>".."){
} //End of foreach (scandir($folder, 1) as $filename)
echo ("");
} //End of if (isset($arr1[0]))
echo (" | ");
}
}
if ($header > 0){
echo (" ");
}
?>
Warning: include(/var/www/html/robotigs/includes/wishlistperpart.php): Failed to open stream: No such file or directory in /var/www/html/robotigs/includes/parts_header.php on line 128
Warning: include(): Failed opening '/var/www/html/robotigs/includes/wishlistperpart.php' for inclusion (include_path='.:/usr/share/php') in /var/www/html/robotigs/includes/parts_header.php on line 128
| ");
$counter = 0;
$aantal = str_word_count($pict_list, 0, "0123456789");
$lijst = str_word_count($pict_list, 1, "0123456789");
while($counter < $aantal){
$pictkey = $lijst[$counter];
$qryy1 = ("SELECT *
FROM illustrations
WHERE ill_id = $pictkey
;");
$resulty1 = pg_query($con1, $qryy1);
while($row = pg_fetch_array($resulty1)){ //Fields accesible by their name
foreach( $row AS $key => $val ){
$$key = stripslashes( $val );
}
}
$image = ("/robotigs/documentatie/plaatjes/$ill_name");
$pictfull = str_replace('_small', '', $image); //Pictfull=biggest version
$alt = ("Just wait till your 57....");
$txtname = get_txt($con1, 18, $koekje[2], $ill_id); //Robot illustrations subtitles
echo ("");
echo ('
');
$nummer = $counter + 1;
$txtAfb = get_txt($con1, 9, $koekje[2], 3865); //Pic Afb
if ($koekje[0]>0 and $koekje[3]>0){ //User is logged in and translates
echo ("$txtAfb $nummer: ");
echo ("$txtname");
echo ("
");
echo ("Ontkoppelen ");
if ($counter==0){
echo ("Up ");
}else{
echo ("Up ");
}
if ($nummer == $aantal){
echo ("Down");
}else{
echo ("Down");
}
}else{ //Else of if Meaning the current useer is logged in
echo ("$txtAfb $nummer: $txtname");
}
echo (''); //End of this picture
$counter++; //Prepair for next picture
}
echo (''); //All pictures are printed
} //End of if there are 1 or more pictures to be printed ----------------------
?>