Rechercher dans les propriétés de la page

Cette page fournit une interface de navigation pour trouver toutes les valeurs d’une propriété et une page donnée. D’autres interfaces de recherche disponibles incluent la recherche de propriété et le constructeur de requête « ask ».

Liste de résultats

<nowiki>Afin de voir notre jolie int … <nowiki>Afin de voir notre jolie interface sur notre navigateur préféré, il va falloir connecter notre ESP à un réseau ou bien le mettre en Point d'accès ! Pour se faire reportez vous sur le tuto [[Configurez le réseau Wifi sur un ESP]], dans cet exemple, nous allons créer un Point d'acces, c'est à dire que notre ESP se comportera comme une BOX internet, mais sans internet ;-). Nous allons ajouter les lignes suivantes suivant toujours la même recette ! 1 - L'importation des bibliothèques Wifi (avant le setup)<div class="mw-highlight mw-highlight-lang-arduino mw-content-ltr" dir="ltr"><pre>#include <WiFi.h> </pre></div>2 - La création de l'objet Ici point besoin de le créer, il est unique et est géré nativement par la bibliothèque, son petit nom sera '''WiFi''' . 3 - L'initialisation et le démarrage de l'objet (dans le setup) <div class="mw-highlight mw-highlight-lang-arduino mw-content-ltr" dir="ltr"><pre>void setup(){ WiFi.softAP("mon interface web", "motdepasse"); } </pre></div></nowiki>ce web", "motdepasse"); } </pre></div></nowiki> +
<nowiki>Pour frankencoder cette bibl … <nowiki>Pour frankencoder cette bibliothèque, toujours la même technique : Ouvrez un exemple et repérez les lignes suivantes : #L'importation des bibliothèques (avant le setup) Pour un ESP32<div class="mw-highlight mw-highlight-lang-arduino mw-content-ltr mw-highlight-lines" dir="ltr"><pre>//import de la bibliothèque #include <ESPDash.h> //import des bibliothèques dépendantes #include <AsyncTCP.h> #include <ESPAsyncWebServer.h> </pre></div>Pour un Wemos ou un ESP8266 :<div class="mw-highlight mw-highlight-lang-arduino mw-content-ltr mw-highlight-lines" dir="ltr"><pre>//import de la bibliothèque #include <ESPDash.h> //import des bibliothèques dépendantes #include <ESP8266WiFi.h> #include <ESPAsyncTCP.h> #include <ESPAsyncWebServer.h> </pre></div>Intégrez la bibliothèque : ESPAsyncTCP https://github.com/me-no-dev/ESPAsyncTCP/archive/master.zip ESPAsyncWebserver https://github.com/me-no-dev/ESPAsyncWebServer/archive/master.zip #La création de ou des objets (avant le setup)<div class="mw-highlight mw-highlight-lang-arduino mw-content-ltr mw-highlight-lines" dir="ltr"><pre>/* Création des objets */ //création de l'objet serveur AsyncWebServer server(80); //Création de l'objet Dashboard (tableau d'affichage) ESPDash dashboard(&server); // Initialisation et création des Objets Card Card temperature(&dashboard, TEMPERATURE_CARD, "Temperature", "°C"); Card humidity(&dashboard, HUMIDITY_CARD, "Humidity", "%"); </pre></div> #L'initialisation et le démarrage de l'objet (dans le setup) <div class="mw-highlight mw-highlight-lang-arduino mw-content-ltr mw-highlight-lines" dir="ltr"><pre>void setup() { //demarrage du serveur server.begin(); } </pre></div> #L'utilisation de l'objet (dans le loop)<div class="mw-highlight mw-highlight-lang-arduino mw-content-ltr mw-highlight-lines" dir="ltr"><pre>void loop() { //Utilisation des objets /* Ajout des valeurs dans les cartes d'affichage */ temperature.update(42); humidity.update(12); /* Mise a jour du panneau d'affichage) */ dashboard.sendUpdates(); delay(3000); } </pre></div> '''Une fois compilée, rien ne se passe, c'est normal, il va falloir connecter notre ESP au réseau ! et donc frankencoder avec le code minimal de connexion au réseau !'''</nowiki>="28"> /* Mise a jour du panneau d'affichage) */ dashboard.sendUpdates(); delay(3000); } </pre></div> '''Une fois compilée, rien ne se passe, c'est normal, il va falloir connecter notre ESP au réseau ! et donc frankencoder avec le code minimal de connexion au réseau !'''</nowiki>
<nowiki>Si vous ne savez pas install … <nowiki>Si vous ne savez pas installer une bibliothèque reportez vous au tutoriel d'installation de bibliothèque. [[Importer des bibliothèques dans l'interface Arduino]] Si vous savez, recherchez "ESP DASH" dans le gestionnaire de bibliothèque. puis installez la dernière version. Installez en complément les bibliothèques suivantes <div class="mw-highlight mw-highlight-lang-arduino mw-content-ltr" dir="ltr"><pre>AsyncTCP ESPAsyncWebServer ArduinoJson </pre></div>Pour un Wemos ou un ESP8266<div class="mw-highlight mw-highlight-lang-arduino mw-content-ltr" dir="ltr"><pre>ESPAsyncTCP ESPAsyncWebServer ArduinoJson </pre></div> </nowiki>;ESPAsyncTCP ESPAsyncWebServer ArduinoJson </pre></div> </nowiki> +
Une fois votre code téléversé dans l'esp, connectez vous en Wifi au réseau "mon interface web" et entrez le mot de passe "mot de passe". Rendez-vous dans votre navigateur préféré et entrez l'adresse suivante http://192.168.4.1 Admirez ! +