Étape 3: Créer le serveur Web avec python
Je ne suis pas expert en programmation web ou des protocoles de réseau spécifiques et pourtant j’ai réussi à contrôler mon arduino via le web, donc j’ai la foi que vous tous peuvent aussi ! Nous allons créer un site Web très basique et avoir notre ordinateur à être l’hôte. Pour cela que nous allons utiliser le framework web fiole pour créer un web based API pour contrôler notre arduino. Je vous encourage fortement à vous tous de lire à travers quelques exemples sur l’utilisation de ballon afin que vous puissiez comprendre les bases de son fonctionnement, et parce que je ne sois pas le meilleur professeur.
Que voulons-nous faire ?
- Créer une page Web avec 2 boutons
- Désactiver le bouton LED
- Allumez le bouton LED
- Quand nous allumer/éteindre la LED nous voulons lire la valeur sur nos photorésistance et l’afficher
- Créer une URL spécifique pour transformer nos LED marche/arrêt - nécessaire pour le web API
Pour créer une page Web dynamique qui met à jour avec notre valeur photorésistance lorsque nous charger la page, nous avons besoin créer un modèle de page dans la fiole. Fiole utilisera la valeur, nous obtenons de nos photorésistance et envoyez-le à notre modèle à afficher. Ballon suit automatiquement un format de répertoire spécifique lors de la recherche pour notre modèle alors soyez vigilante sur lequel vous placer certains fichiers. Dans le répertoire que vous travaillez en vous voudrez créer un répertoire appelé templates. Nous mettrons notre page modèle là-dedans. Notre modèle de page html sera très similaire à une page HTML normale juste avec un ajout d’une option pour placer une variable quelque part. Copie de l’extrait de code html sur ce lien : http://codepen.io/theown1/pen/RNeYMg dans un nouveau fichier appelé index.html et place ce fichier dans votre répertoire templates.
Copie que le code ci-dessous dans un fichier nommé hello_flask_world.py le morceau de code ci-dessous est notre page Web la fiole base. Son assez simple à comprendre, nous avons juste une page Web à l’adresse « / » qui est la page d’accueil. L’URL de cette page Web sera votre adresse ip sur le réseau ou 127.0.01:5000. Lorsque quelqu'un se connecte à notre page Web nous rendre à notre modèle, que nous avons eu précédemment avec des valeurs que nous allons revenir à notre sortie de la photorésistance. Si notre page Web reçoit une demande de poste aka quelqu'un appuie sur un bouton sur notre page notre serveur va effectuer la tâche spécifique d’impression ce qui est arrivé et vous rediriger vers la page d’accueil. Vous pouvez exécuter ce morceau de code ci-dessous, comme vous le feriez un programme python normale. ($ python hello_world.py)
Lorsque vous exécutez ce programme, vous devriez obtenir une sortie qui est semblable à la photo ci-dessus. Assurez-vous que vous vous connectez à la page Web sur votre navigateur à http://127.0.0.1:5000 / après avoir exécuté le python script (et laissez-le fonctionner!) Ensuite, jouer avec les boutons et vérifier que vous obtenez à imprimer quelque chose dans le terminal.
Le dossier que vous travaillez dans devrait maintenant avoir tous les fichiers ci-dessous dans les répertoires correspondants.
Ensuite, il est temps d’intégrer nos contrôles Arduino dans le serveur Web !