Contrôler un NodeMCU ESP8266 1.0 12E avec Google Firebase : 4 étapes

2024 Auteur: John Day | [email protected]. Dernière modifié: 2024-01-30 09:09

Dans ce cours, nous allons créer une application Android, créer une base de données Firebase et contrôler NodeMCU ESP 8266 1.0 12E avec la coordination des produits mentionnés précédemment.

Étape 1: Tous les outils requis

Voici les quelques éléments nécessaires pour nous lancer

1. Google Firebase

2. Inventeur de l'application MIT

3. A NodeMCU ESP8266 1.0 12E

4. Peu de fils de cavalier femelle à femelle

5. Un câble USB

6. Arduino IDE (pour programmer notre ESP8266)

Étape 2: Premiers pas avec Google Firebase et création de votre premier projet

Suis les étapes

1. Connectez-vous à Firebase avec votre compte Google.

2. Cliquez sur aller dans la console et ajoutez un nouveau projet, puis donnez un nom à votre projet et donnez votre région, c'est une étape très importante, si vous sélectionnez une région incorrecte, votre projet pourrait ne pas fonctionner.

3. Dirigez-vous vers les paramètres du projet sur le côté droit de votre console et survolez les comptes de service et copiez votre note secrète de base de données quelque part pour une utilisation ultérieure, nous en discuterons plus tard.

4. Maintenant, allez dans la section développer et dirigez-vous vers la base de données, et copiez l'URL du projet, ce sera sous la forme

xxxxxxxxxxxxxxxx.firebaseio.com/ -copiez-le.

5. Ensuite, allez à la section des règles et effectuez les modifications suivantes ou copiez-le simplement et remplacez-le par le code ci-dessous

{ "règles": {

".read": "vrai", ".write": "vrai"

}

}

Étape 3: Création de votre première application Android pour contrôler votre ESP8266 via Wifi

Rendez-vous sur le site Web du MIT App Inventor, suivez ces étapes pour créer votre application.

Il s'agit d'un générateur d'applications très simple construit simplement en faisant glisser et en déposant des éléments

1. Démarrez un nouveau projet avec un nom de votre choix.

2. Dans ce projet, nous traiterons de la commutation de la LED intégrée sur notre NodeMCU, nous n'avons donc besoin que de deux boutons pour l'allumer et l'éteindre.

3. Vous pouvez modifier le texte et d'autres attributs du bouton dans l'onglet Propriétés.

4. Puisque nous utilisons Firebase, nous y ajouterons notre attribut firebase qui est présent dans la section expérimentale de l'onglet de l'interface utilisateur, en le faisant glisser vers la section de la visionneuse.

5. Maintenant, passez à l'onglet Blocs et créez les logiques illustrées dans l'image ci-dessus.

6. Ensuite, dirigez-vous à nouveau vers l'onglet Designer et apportez les modifications suivantes

• Le compartiment de projet doit être vide.
• Le jeton Firebase devrait être tel quel, aucune modification à apporter.
• Maintenant, dans la zone URL Firebase, entrez l'URL copiée à l'étape précédente, décochez la case Utiliser par défaut.

7. Maintenant, dirigez-vous vers firebase et accédez à la base de données> onglet données> et créez un enfant nommé sur la même variable que celle utilisée dans notre diagramme logique App Inventor.

8. Maintenant, cliquez sur Construire en haut de la page et téléchargez le fichier.apk sur votre smartphone Android.

Étape 4: Téléchargement de votre code dans votre ESP8266

Vous pouvez mettre votre code dans votre NodeMCU en copiant le code présent dans le référentiel ci-dessous.

github.com/saiyerniakhil/ESPFireBase

et quelques changements sont à faire que je me suis fait clairement dans les commentaires du code.