Étape 2: HTML
Les fichiers de texte démo pour générer le HTML sont incluses ci-dessous. Il y a trois fichiers, deux d'entre eux (Control1 et BVI2) étant les pages pouvant obtenir sélectionnée du fichier de commandes ESP8266. J’ai mis en place cette façon alors qu’il est facile d’ajouter d’autres nœuds de ESP8266 au réseau. Suffit de copier un des fichiers de contrôle, modifiez-la à leur nouvelle utilisation et assurez-vous que vous modifiez le numéro de port dans le code. Puis ajoutez une nouvelle ligne de code dans le fichier de commandes ESP8266 pour pointer vers le nouveau fichier Controlx. C’est vraiment aussi simple que cela.
Lorsque vous ouvrez et modifiez les fichiers de texte, vous devez utiliser un éditeur de texte basique comme bloc-notes au lieu d’un éditeur de mise en forme comme WordPad. Avant de pouvoir être utilisés pour créer une page Web, les fichiers texte doivent être convertis en fichiers HTML. Pour ce faire, simplement ouvrir le fichier texte, sélectionnez "Enregistrer sous", changer le "Type de fichier" à "All Files" et ajouter ".htm" à la fin du nom du fichier (sans les guillemets). C’est tout là est à lui.
OK, nous allons donc prendre un regard sur les fichiers. Le premier, illustré dans la capture d’écran ci-dessus, est ESP8266 Controls.htm. Le DOCTYPE et les directives HTML d’ouverture et de fermeture sont des trucs standard pour chaque page Web. La ligne de titre nous permet d’afficher quelque texte que nous voulons dans l’onglet en haut de la page Web. Les directives de corps d’ouverture/fermeture sont censés contenir les lignes de code, mais qui ne semble pas être une exigence stricte. Juste l’appeler une bonne pratique de programmation. Les commandes HREF Ajouter liens cliquables vers la page Web (avec les noms « Température » et « Arroseurs ») et itinéraire à la liaison spécifiée. Si vous lisez le manuel de l’HTML, le lien peut être un fichier HTML (comme nous l’avons ici), une adresse web (comme