Arduino Uno R4 WiFi contrôle le relais via le Web
Dans ce tutoriel, nous allons apprendre à contrôler un relais via une interface Web accessible à partir d'un navigateur sur un PC ou un smartphone. Nous utilizarons la carte Arduino Uno R4 WiFi, qui sera programmée pour fonctionner comme un serveur Web. Supposons que l'adresse IP de l'Arduino Uno R4 WiFi soit 192.168.0.2. Voici comment cela fonctionne :
- Pour accéder à l'interface Web, il suffit de saisir 192.168.0.2 dans la barre d'adresse de votre navigateur. Cela enverra une requête à l'Arduino et, en réponse, l'Arduino fournira une page Web contenant un bouton marche/arrêt pour piloter le relais.
- De même, si vous cliquez sur le bouton RELAIS ALLUMÉ sur la page Web ou saisissez 192.168.0.2/relay1/on dans le navigateur Web, l'Arduino activera le relais et répondra avec la page Web mise à jour.
- De même, si vous cliquez sur le bouton RELAIS ÉTEINT sur la page Web ou saisissez 192.168.0.2/relay1/off dans le navigateur Web, l'Arduino désactivera le relais et répondra avec la page Web mise à jour.
En connectant un relais à des dispositifs tels qu'une serrure électromagnétique, une ampoule, un ruban LED, un moteur ou un actionneur, nous pouvons les contrôler via une interface Web.
Le tutoriel fournit une base que vous pouvez facilement et de manière créative personnaliser pour accomplir ce qui suit :
- Contrôlez plusieurs relais via une interface Web.
- Reconcevez l'interface utilisateur Web pour l'adapter selon vos préférences.
Préparation du matériel
Ou vous pouvez acheter les kits suivants:
| 1 | × | Kit de Démarrage DIYables STEM V4 IoT (Arduino inclus) | |
| 1 | × | Kit de Capteurs DIYables (30 capteurs/écrans) | |
| 1 | × | Kit de Capteurs DIYables (18 capteurs/écrans) |
Divulgation : Certains des liens fournis dans cette section sont des liens affiliés Amazon. Nous pouvons recevoir une commission pour tout achat effectué via ces liens, sans coût supplémentaire pour vous. Nous vous remercions de votre soutien.
À propos du relais et de l'Arduino Uno R4
Si vous ne connaissez pas l'Arduino Uno R4 et le relais (répartition des broches, fonctionnement, programmation, etc.), renseignez-vous sur eux dans les tutoriels suivants :
Diagramme de câblage
Cette image a été créée avec Fritzing. Cliquez pour agrandir l'image.
Code Arduino
/*
* Ce code Arduino a été développé par newbiely.fr
* Ce code Arduino est mis à disposition du public sans aucune restriction.
* Pour des instructions complètes et des schémas de câblage, veuillez visiter:
* https://newbiely.fr/tutorials/arduino/arduino-uno-r4-wifi-controls-relay-via-web
*/
#include <UnoR4WiFi_WebServer.h>
// WiFi credentials
const char WIFI_SSID[] = "YOUR_WIFI_SSID";
const char WIFI_PASSWORD[] = "YOUR_WIFI_PASSWORD";
#define RELAY_PIN 7 // Arduino pin connected to relay's pin
const char* HTML_CONTENT =
"<!DOCTYPE HTML>\n"
"<html>\n"
"<head>\n"
"<link rel=\"icon\" href=\"data:,\">\n"
"</head>\n"
"<body>\n"
"<a href=\"/relay1/on\">RELAY ON</a>\n"
"<br><br>\n"
"<a href=\"/relay1/off\">RELAY OFF</a>\n"
"</body>\n"
"</html>\n";
// Create web server instance
UnoR4WiFi_WebServer server;
// Page handlers
void handleHome(WiFiClient& client, const String& method, const String& request, const QueryParams& params, const String& jsonData) {
server.sendResponse(client, HTML_CONTENT);
}
void handleRelayOn(WiFiClient& client, const String& method, const String& request, const QueryParams& params, const String& jsonData) {
digitalWrite(RELAY_PIN, HIGH);
Serial.println("Turned relay ON");
server.sendResponse(client, HTML_CONTENT);
}
void handleRelayOff(WiFiClient& client, const String& method, const String& request, const QueryParams& params, const String& jsonData) {
digitalWrite(RELAY_PIN, LOW);
Serial.println("Turned relay OFF");
server.sendResponse(client, HTML_CONTENT);
}
void setup() {
Serial.begin(9600);
delay(1000);
// Initialize relay pin
pinMode(RELAY_PIN, OUTPUT);
digitalWrite(RELAY_PIN, LOW);
// Connect to WiFi
Serial.print("Connecting to ");
Serial.println(WIFI_SSID);
WiFi.begin(WIFI_SSID, WIFI_PASSWORD);
while (WiFi.status() != WL_CONNECTED) {
delay(500);
Serial.print(".");
}
Serial.println("connected!");
Serial.print("IP address: ");
Serial.println(WiFi.localIP());
// Configure routes
server.addRoute("/", handleHome);
server.addRoute("/relay1/on", handleRelayOn);
server.addRoute("/relay1/off", handleRelayOff);
// Start server
server.begin();
Serial.println("\n=== Web Server Ready! ===");
Serial.print("Visit: http://");
Serial.println(WiFi.localIP());
}
void loop() {
server.handleClient();
}
Étapes rapides
- Si c'est la première fois que vous utilisez Arduino Uno R4, consultez Comment démarrer avec Arduino Uno R4..
- Ouvrez le Gestionnaire de bibliothèques en cliquant sur l'icône Gestionnaire de bibliothèques sur le côté gauche de l'IDE Arduino.
- Recherchez le Serveur Web pour Arduino Uno R4 WiFi et localisez la bibliothèque Serveur Web créée par DIYables.
- Cliquez sur le bouton Install pour ajouter la bibliothèque Serveur Web.
- Copiez le code ci-dessus et ouvrez-le dans l’IDE Arduino
- Modifiez dans le code les informations Wi‑Fi (SSID et mot de passe) pour les mettre à votre configuration
- Cliquez sur le bouton Upload dans l’IDE Arduino pour téléverser le code sur l’Arduino
- Ouvrez le moniteur série
- Vérifiez le résultat dans le moniteur série
COM6
Attempting to connect to SSID: YOUR_WIFI
IP Address: 192.168.0.2
signal strength (RSSI):-39 dBm
Autoscroll
Clear output
9600 baud
Newline
- Vous verrez une adresse IP, par exemple : 192.168.0.2. C'est l'adresse IP du serveur Web Arduino.
- Ouvrez un navigateur web et saisissez l'un des trois formats ci-dessous dans la barre d'adresse :
192.168.0.2
192.168.0.2/relay1/on
192.168.0.2/relay1/off
- Veuillez noter que l'adresse IP peut être différente. Assurez-vous de vérifier la valeur actuelle sur le Moniteur Série.
- De plus, vous observerez la sortie suivante sur le Moniteur Série.
COM6
Connecting to YOUR_WIFI_SSID
connected!
IP address: 0.0.0.0
Starting web server on IP: 192.168.0.254
=== Web Server Ready! ===
Visit: http://192.168.0.254
Method: GET
Requested path: /
Client disconnected
Method: GET
Requested path: /relay1/on
Turned relay on
Client disconnected
Autoscroll
Clear output
9600 baud
Newline
- Vérifiez l'état du relais
- Vous verrez la page Web de la carte Arduino dans le navigateur comme ci-dessous :
Vous avez désormais la capacité de contrôler l'état marche/arrêt du relais via l'interface web. Vous pouvez également personnaliser facilement et de manière créative le code afin d'accomplir ce qui suit :
- Contrôler plusieurs relais via une interface Web.
- Reconcevoir l'interface utilisateur Web pour l'adapter à vos préférences.
Si vous souhaitez améliorer l'apparence de la page Web avec une interface utilisateur graphique impressionnante (UI), vous pouvez vous référer au tutoriel Arduino - Serveur Web. pour l'inspiration et des conseils.