Différences entre les pages « Créer une Interface Web pour ESP32 » et « Configurez le réseau Wifi sur un ESP »

 
 
Ligne 1 : Ligne 1 :
 
{{Tuto Details
 
{{Tuto Details
−
|Main_Picture=Cr_er_une_Interface_Web_pour_ESP32_Capture_d_cran_du_2020-12-02_12-18-07.png
+
|Main_Picture=Configurez_le_r_seau_Wifi_sur_un_ESP_Untitled_Diagram.png
−
|Main_Picture_annotation={"version":"3.5.0","objects":[{"type":"image","version":"3.5.0","originX":"left","originY":"top","left":109,"top":2,"width":1212,"height":570,"fill":"rgb(0,0,0)","stroke":null,"strokeWidth":0,"strokeDashArray":null,"strokeLineCap":"butt","strokeDashOffset":0,"strokeLineJoin":"miter","strokeMiterLimit":4,"scaleX":0.63,"scaleY":0.63,"angle":0,"flipX":false,"flipY":false,"opacity":1,"shadow":null,"visible":true,"clipTo":null,"backgroundColor":"","fillRule":"nonzero","paintFirst":"fill","globalCompositeOperation":"source-over","transformMatrix":null,"skewX":0,"skewY":0,"crossOrigin":"","cropX":0,"cropY":0,"src":"https://www.wikidebrouillard.org/images/7/7b/Cr_er_une_Interface_Web_pour_ESP32_Capture_d_cran_du_2020-12-02_12-18-07.png","filters":[]}],"height":281.3627254509018,"width":600}
 
 
|Licences=Attribution (CC-BY)
 
|Licences=Attribution (CC-BY)
−
|Description=Dans ce petit tutoriel, nous allons utiliser la bibliothèque ESP-DASH pour créer une petite page Web permettant d'afficher différentes valeurs de capteur par exemple
+
|Description=Dans ce tutoriel nous allons voir ensemble comment configurer le réseau sur un ESP
−
|Disciplines scientifiques=Arduino
+
|Disciplines scientifiques=Arduino, Computing
 
|Difficulty=Easy
 
|Difficulty=Easy
−
|Duration=10
+
|Duration=5
 
|Duration-type=minute(s)
 
|Duration-type=minute(s)
−
|Tags=dashboard, Arduino, web, esp32, tutoriel
+
|Tags=wifi, esp, arduino, esp8266, reseaux, esp32
 +
}}
 +
{{Introduction
 +
|Introduction=Les microcontrolleurs de typer ESP (32 ou 8266) on l'avantage de posséder la capacité de se connecter à un réseau Wifi ou de générer leurs propres réseaux Wifi, nous allons voir comment tirer partie de cette fonctionnalité pour connecter ces derniers au réseau.
 
}}
 
}}
−
{{Introduction}}
 
 
{{Materials}}
 
{{Materials}}
 
{{Tuto Step
 
{{Tuto Step
−
|Step_Title=Installez la bibliothèque ESP-dash dans votre gestionnaire de bibliothèque
+
|Step_Title=Importer la bibliothèque Wifi
−
|Step_Content=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]]
+
|Step_Content=Lorsque vous installez la carte ESP dans le logiciel de développement
  
 +
Arduino, le programme gérant la carte intègre d'office la bibliothèque Wifi, donc peu importe les modes de fonctionnement (Client ou point d’accès) , il suffit d’appeler en début de code la bibliothèque comme ceci :
  
−
Si vous savez, recherchez "ESP DASH" dans le gestionnaire de bibliothèque. puis installez la dernière version.
+
<syntaxhighlight lang="arduino">
 +
#include <WiFi.h>
 +
</syntaxhighlight>
  
  
−
Installez en complément les bibliothèques suivantes
 
  
−
<syntaxhighlight lang="arduino">
+
<br />
−
AsyncTCP
+
|Step_Picture_00=Configurez_le_r_seau_Wifi_sur_un_ESP_800px-WiFi_Logo.svg.png
−
ESPAsyncWebServer
 
−
</syntaxhighlight><br />
 
−
|Step_Picture_00=Cr_er_une_Interface_Web_pour_ESP32_Capture_d_cran_du_2020-12-02_12-18-07.png
 
−
|Step_Picture_01=Cr_er_une_Interface_Web_pour_ESP32_Capture_d_cran_du_2020-12-02_12-24-28.png
 
 
}}
 
}}
 
{{Tuto Step
 
{{Tuto Step
−
|Step_Title=Le minimum Syndical
+
|Step_Title=Le Mode Point D'accès (AP Access Point)
−
|Step_Content=Pour frankencoder cette bibliothèque, toujours la même technique :
+
|Step_Content=Le mode point d'accès permet à l'esp de créer son propre réseau Wifi à la manière d'une Box, d'un routeur ou d'un partage de connexion sur un téléphone.
  
−
Ouvrez un exemple et repérez les lignes suivantes :
 
  
−
#L'importation des bibliothèques (avant le setup)<syntaxhighlight lang="arduino" line="1" start="1">
+
En configurant votre ESP en point d'accès, ce dernier va créer un Wifi et va assigner une adresse IP aux périphériques s'y connectant
−
//import de la bibliothèque
 
−
#include <ESPDash.h>
 
−
//import des bibliothèques dépendantes
 
−
#include <WiFi.h>
 
−
#include <AsyncTCP.h>
 
−
#include <ESPAsyncWebServer.h>
 
−
</syntaxhighlight><br />
 
−
#La création de l'objet (avant le setup)
 
−
#L'initialisation et le démarrage de l'objet (dans ou avant le setup)
 
−
#L'utilisation de l'objet (dans le loop)
 
  
 +
Sans configuration spécifique, les adresses IP seront de la forme 192.168.4.X l'ESP étant à l'adresse 192.168.4.1
  
−
'''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 !'''
 
  
−
<br />
+
Coté code, il suffit d'ajouter dans le setup la ligne suivante :<syntaxhighlight lang="arduino">
−
|Step_Picture_00=Cr_er_une_Interface_Web_pour_ESP32_Capture_d_cran_du_2020-12-02_12-39-07.png
+
void setup(){
 +
  WiFi.softAP("mon interface web", "motdepasse");
 +
}
 +
</syntaxhighlight><br />
 +
|Step_Picture_00=Configurez_le_r_seau_Wifi_sur_un_ESP_Untitled_Diagram_1_.png
 
}}
 
}}
−
{{Tuto Step}}
 
 
{{Notes}}
 
{{Notes}}
 
{{Tuto Status
 
{{Tuto Status
 
|Complete=Draft
 
|Complete=Draft
 
}}
 
}}

Version du 2 décembre 2020 à 17:10

Dans ce tutoriel nous allons voir ensemble comment configurer le réseau sur un ESP

Auteur avatarjul | Dernière modification 9/12/2020 par Julienrat

Configurez le r seau Wifi sur un ESP Untitled Diagram.png
Difficulté
Facile
Durée
5 minute(s)
Disciplines scientifiques
Arduino, Informatique
Dans ce tutoriel nous allons voir ensemble comment configurer le réseau sur un ESP
Difficulté
Facile
Durée
5 minute(s)
Disciplines scientifiques
Arduino, Informatique
<languages />
Licence : Attribution (CC-BY)

Introduction

Les microcontrolleurs de typer ESP (32 ou 8266) on l'avantage de posséder la capacité de se connecter à un réseau Wifi ou de générer leurs propres réseaux Wifi, nous allons voir comment tirer partie de cette fonctionnalité pour connecter ces derniers au réseau.

Étape 1 - Importer la bibliothèque Wifi

Lorsque vous installez la carte ESP dans le logiciel de développement

Arduino, le programme gérant la carte intègre d'office la bibliothèque Wifi, donc peu importe les modes de fonctionnement (Client ou point d’accès) , il suffit d’appeler en début de code la bibliothèque comme ceci : 

#include <WiFi.h>



Configurez le r seau Wifi sur un ESP 800px-WiFi Logo.svg.png




Étape 2 - Le Mode Point D'accès (AP Access Point)

Le mode point d'accès permet à l'esp de créer son propre réseau Wifi à la manière d'une Box, d'un routeur ou d'un partage de connexion sur un téléphone.


En configurant votre ESP en point d'accès, ce dernier va créer un Wifi et va assigner une adresse IP aux périphériques s'y connectant

Sans configuration spécifique, les adresses IP seront de la forme 192.168.4.X l'ESP étant à l'adresse 192.168.4.1


Coté code, il suffit d'ajouter dans le setup la ligne suivante :
void setup(){
  WiFi.softAP("mon interface web", "motdepasse");
}

Configurez le r seau Wifi sur un ESP Untitled Diagram 1 .png





Dernière modification 9/12/2020 par user:Julienrat.

Commentaires

Draft

Récupérée de « https://www.wikidebrouillard.org/w/index.php?title=Créer_une_Interface_Web_pour_ESP32&oldid=10259 »
© 2017 - 2024 Dokit, SAS.