Voir la source de Commander un D1 mini avec une interface web

{{Tuto Details
|Main_Picture=Commander_un_D1_mini_avec_une_interface_web_D1mini-image-01.png
|Licences=Attribution (CC-BY)
|Description=Ce tutoriel donne un exemple de programmation d'un D1 mini, afin de commander quelques éléments (leds, moteur), et récupérer des informations (entrée analogique) à partir d'une interface web.
|Disciplines scientifiques=Arduino, Computing
|Difficulty=Technical
|Duration=1
|Duration-type=hour(s)
|Tags=D1 mini, web, html/css
}}
{{Introduction
|Introduction=Quelques pré-réquis à ce tutoriel :<br />

*Il suppose qu'on a déjà un peu manipulé le logiciel Arduino, permettant de programmer des cartes microcontrôleurs, et en premier lieu, la carte Arduino. Il y a déjà un bon tutoriel dans le wikidebrouillard, ici : [[Premiers pas avec Arduino]].

*Lorsqu'on souhaite utiliser un microcontrôleur D1 mini, il est nécessaire de configurer le logiciel Arduino, en particulier en lui ajoutant de nouvelles bibliothèques. Là encore, wikidebrouillard à notre secours : [[Utiliser le D1 mini avec Arduino]] !

*Nous utiliserons ici les capacités du D1 mini à travailler en mode serveur web et point d'accès Wi-Fi. Même si ce tutoriel indique comment faire, on trouvera des explications détaillées ici : [[Configurez le réseau Wifi sur un ESP]].
}}
{{Materials
|ItemList={{ItemList
|Item=D1 mini
}}{{ItemList
|Item=Led
}}{{ItemList
|Item=Micro-servo à rotation continue
}}{{ItemList
|Item=Breadboard
}}
|Prerequisites={{Prerequisites
|Prerequisites=Premiers pas avec Arduino
}}{{Prerequisites
|Prerequisites=Utiliser le D1 mini avec Arduino
}}{{Prerequisites
|Prerequisites=Configurez le réseau Wifi sur un ESP
}}
}}
{{Tuto Step
|Step_Title=Montage des éléments matériels
|Step_Content=Le schéma de montage, également indiqué dans le code Arduino, est défini dans la première image. Nous recommandons d'utiliser une "breadboard", pour fixer le D1 mini et gérer l'ensemble des connexions. Nous avons utilisé ici celle livrée dans le kit d'initiation Arduino
|Step_Picture_00=Commander_un_D1_mini_avec_une_interface_web_Sch_ma_montage.jpg
|Step_Picture_01=Commander_un_D1_mini_avec_une_interface_web_Montage_D1_mini-1.jpg
|Step_Picture_02=Commander_un_D1_mini_avec_une_interface_web_Montage_D1_mini-2.jpg
}}
{{Notes}}
{{Tuto Status
|Complete=Draft
}}