- \n
- Connexion distante :<\/strong> Utiliser VS Code sur Windows pour coder directement sur le Raspberry Pi via le protocole SSH.<\/li>\n\n\n\n
- Le Mat\u00e9riel :<\/strong> Une LED externe branch\u00e9e sur une broche GPIO (par exemple la broche GPIO 17) et une r\u00e9sistance.<\/li>\n\n\n\n
- Le Logiciel :<\/strong> Un serveur web l\u00e9ger en Python (avec Flask<\/strong>) \u00e9coutant sur le port 8888<\/strong> pour proposer une page web avec des boutons de vitesse.<\/li>\n\n\n\n
- L’Automatisation :<\/strong> Un service syst\u00e8me (
systemd<\/code>) pour que l’application d\u00e9marre toute seule d\u00e8s l’allumage du Raspberry Pi.<\/li>\n<\/ol>\n\n\n\n![\"\"](\"https:\/\/rf-diy.com\/wp-content\/uploads\/2026\/10\/Gemini_Generated_Image_uenvvwuenvvwuenv-1024x332.jpg\")
<\/figure>\n\n\n\n\u00c9tape 1 : Configuration initiale du Raspberry Pi (avec \u00e9cran\/clavier)<\/h2>\n\n\n\n
Puisque votre Raspberry Pi n’a pas d’interface graphique (OS \u00ab\u00a0Lite\u00a0\u00bb), branchez un \u00e9cran et un clavier pour la toute premi\u00e8re configuration :<\/p>\n\n\n\n
- \n
- Au premier d\u00e9marrage, connectez-vous avec votre nom d’utilisateur et votre mot de passe.<\/li>\n\n\n\n
- Lancez l’outil de configuration :
Bashsudo raspi-config<\/code><\/li>\n\n\n\n- Activez le SSH :<\/strong> Allez dans
Interface Options<\/code> ->SSH<\/code> -> Activez-le (Yes<\/code>).<\/li>\n\n\n\n- Configurez le Wi-Fi (si n\u00e9cessaire) :<\/strong> Allez dans
System Options<\/code> ->Wireless LAN<\/code> pour connecter votre Pi \u00e0 votre r\u00e9seau local.<\/li>\n\n\n\n- R\u00e9cup\u00e9rez l’adresse IP locale du Pi :<\/strong>
Bashhostname -I<\/code> Notez cette adresse IP (par exemple192.168.1.50<\/code>).<\/em> Vous pouvez aussi utiliser son nom d’h\u00f4te par d\u00e9faut (raspberrypi.local<\/code>).<\/li>\n\n\n\n- Vous pouvez maintenant d\u00e9brancher l’\u00e9cran et le clavier, la suite se fera enti\u00e8rement depuis votre PC Windows !<\/li>\n<\/ol>\n\n\n\n
\u00c9tape 2 : Connecter VS Code sous Windows au Raspberry Pi (Remote-SSH)<\/h2>\n\n\n\n
Pour coder sur le Pi comme s’il \u00e9tait dans votre PC :<\/p>\n\n\n\n
- \n
- Sur votre PC Windows, ouvrez VS Code<\/strong>.<\/li>\n\n\n\n
- Allez dans l’onglet des extensions (ic\u00f4ne de carr\u00e9s sur le c\u00f4t\u00e9 ou
Ctrl + Shift + X<\/code>), cherchez et installez Remote – SSH<\/strong> (de Microsoft).<\/li>\n\n\n\n- Ouvrez le terminal de VS Code (ou l’invite de commande Windows) et g\u00e9n\u00e9rez une cl\u00e9 SSH (si ce n’est pas d\u00e9j\u00e0 fait) :
Bashssh-keygen<\/code> (Appuyez sur Entr\u00e9e \u00e0 chaque \u00e9tape pour valider les choix par d\u00e9faut).<\/em><\/li>\n\n\n\n- Copiez cette cl\u00e9 sur votre Raspberry Pi (remplacez
pi<\/code> par votre nom d’utilisateur et l’IP par celle de votre Pi) :
Bashssh-copy-id pi@192.168.1.50<\/code> Entrez votre mot de passe une derni\u00e8re fois. D\u00e9sormais, la connexion se fera sans mot de passe.<\/li>\n\n\n\n- Dans VS Code, appuyez sur
F1<\/code> (ouCtrl + Shift + P<\/code>), tapez et s\u00e9lectionnez :Remote-SSH: Connect to Host...<\/code><\/strong>.<\/li>\n\n\n\n- Entrez :
pi@192.168.1.50<\/code> (oupi@raspberrypi.local<\/code>).<\/li>\n\n\n\n- Une nouvelle fen\u00eatre VS Code s’ouvre, connect\u00e9e au Raspberry Pi. Ouvrez un dossier (ex:
\/home\/pi\/projet_led<\/code>) pour commencer \u00e0 travailler.<\/li>\n<\/ol>\n\n\n\n\u00c9tape 3 : Installer les biblioth\u00e8ques n\u00e9cessaires sur le Pi<\/h2>\n\n\n\n
Sur le dernier Raspberry Pi OS (Bookworm), Python prot\u00e8ge son syst\u00e8me de paquets globaux. Le moyen le plus propre et recommand\u00e9 pour installer Flask et la gestion des GPIO est d’utiliser les paquets officiels du syst\u00e8me (
apt<\/code>).<\/p>\n\n\n\nOuvrez le terminal int\u00e9gr\u00e9 dans VS Code (qui est connect\u00e9 au Pi) et tapez :<\/p>\n\n\n\n
Bash<\/p>\n\n\n\n
sudo apt update\nsudo apt install -y python3-flask python3-gpiozero\n<\/code><\/pre><\/template><\/div>\n\n\n\n- \n
python3-flask<\/code> : Le mini-framework pour cr\u00e9er le serveur web.<\/li>\n\n\n\npython3-gpiozero<\/code> : La biblioth\u00e8que moderne et ultra-simple pour piloter les GPIO en Python.<\/li>\n<\/ul>\n\n\n\n\u00c9tape 4 : Cr\u00e9er le code du projet (Serveur Web + GPIO)<\/h2>\n\n\n\n
Cr\u00e9ez l’arborescence de fichiers suivante dans votre espace de travail VS Code :<\/p>\n\n\n\n
Plaintext<\/p>\n\n\n\n
projet_led\/\n\u251c\u2500\u2500 app.py\n\u2514\u2500\u2500 templates\/\n \u2514\u2500\u2500 index.html\n<\/code><\/pre><\/template><\/div>\n\n\n\n1. Le code HTML de la page web (
templates\/index.html<\/code>)<\/h3>\n\n\n\nCe fichier contiendra les boutons permettant \u00e0 l’utilisateur de choisir la vitesse de clignotement ou d’\u00e9teindre la LED.<\/p>\n\n\n\n
HTML<\/p>\n\n\n\n
<!DOCTYPE html>\n<html lang="fr"<\/span>>\n<head>\n <meta charset="UTF-8"<\/span>>\n <title>Contr\u00f4le LED Raspberry Pi<\/title>\n <style>\n body { font-family: Arial, sans-serif; text-align: center; margin-top: 50<\/span>px; background-color: #f4f4f9; }<\/span>\n h1 { color: #333; }<\/span>\n .btn { padding: 15<\/span>px 30<\/span>px; font-size: 18<\/span>px; margin: 10<\/span>px; cursor: pointer; border: none; border-radius: 5<\/span>px; color: white; }\n .btn-slow { background-color: #3498db; }<\/span>\n .btn-med { background-color: #f1c40f; color: black; }<\/span>\n .btn-fast { background-color: #e74c3c; }<\/span>\n .btn-off { background-color: #2c3e50; }<\/span>\n <\/style>\n<\/head>\n<body>\n <h1>Contr\u00f4le de la LED<\/span> (Port 8888<\/span>)<\/h1>\n <p>Choisissez la vitesse de clignotement de la LED :<\/p>\n \n <br>\n <a href="\/set\/slow"<\/span>><button class<\/span>="btn<\/span> btn<\/span>-slow<\/span>">Lent<\/span> (1 sec<\/span>)<\/button<\/span>><\/a<\/span>>\n <a<\/span> href<\/span>="\/set<\/span>\/medium<\/span>"><button<\/span> class<\/span>="btn<\/span> btn<\/span>-med<\/span>">Moyen<\/span> (0.5 sec<\/span>)<\/button<\/span>><\/a<\/span>>\n <a<\/span> href<\/span>="\/set<\/span>\/fast<\/span>"><button<\/span> class<\/span>="btn<\/span> btn<\/span>-fast<\/span>">Rapide<\/span> (0.1 sec<\/span>)<\/button<\/span>><\/a<\/span>>\n <a<\/span> href<\/span>="\/set<\/span>\/off<\/span>"><button<\/span> class<\/span>="btn<\/span> btn<\/span>-off<\/span>">\u00c9teindre<\/span><\/button<\/span>><\/a<\/span>>\n<\/body<\/span>>\n<\/html<\/span>>\n<\/span><\/code><\/pre><\/template><\/div>\n\n\n\n2. Le code Python du serveur (
app.py<\/code>)<\/h3>\n\n\n\nCe script g\u00e8re les requ\u00eates web et fait clignoter la LED en arri\u00e8re-plan \u00e0 l’aide de threads pour ne pas bloquer le serveur web.<\/p>\n\n\n\n
Python<\/p>\n\n\n\n
import threading\nimport time\nfrom<\/span> flask import Flask, render_template\nfrom<\/span> gpiozero import LED\n\napp = Flask<\/span>(__name__)\n\n# Initialisation de la LED sur la broche GPIO 17 (BCM)<\/span>\n# Adaptez le num\u00e9ro selon votre c\u00e2blage physique<\/span>\nled = LED<\/span>(17<\/span>)\n\n# Variable globale pour stocker la vitesse (intervalle de clignotement)<\/span>\n# None = \u00e9teint\/statique<\/span>\nblink_speed = None\nrunning = True\n\ndef blink_worker<\/span>():\n ""<\/span>"Fonction qui fait clignoter la LED en arri\u00e8re-plan"<\/span>""<\/span>\n global<\/span> blink_speed\n while<\/span> running:\n if<\/span> blink_speed is not None:\n led.on<\/span>()\n time.sleep<\/span>(blink_speed)\n led.off<\/span>()\n time.sleep<\/span>(blink_speed)\n else<\/span>:\n led.off<\/span>()\n time.sleep<\/span>(0.1<\/span>)\n\n# Lancement du thread de clignotement<\/span>\nt = threading.Thread<\/span>(target=blink_worker, daemon=True)\nt.start<\/span>()\n\n@app.route<\/span>('\/'<\/span>)\ndef index<\/span>():\n return<\/span> render_template<\/span>('index.html'<\/span>)\n\n@app.route<\/span>('\/set\/<speed>'<\/span>)\ndef set_speed<\/span>(speed):\n global<\/span> blink_speed\n if<\/span> speed == 'slow'<\/span>:\n blink_speed = 1.0<\/span>\n elif speed == 'medium'<\/span>:\n blink_speed = 0.5<\/span>\n elif speed == 'fast'<\/span>:\n blink_speed = 0.1<\/span>\n elif speed == 'off'<\/span>:\n blink_speed = None\n led.off<\/span>()\n return<\/span> render_template<\/span>('index.html'<\/span>)\n\nif<\/span> __name__ == '__main__'<\/span>:\n # Lancement du serveur sur le port 8888, accessible depuis n'importe quelle IP du r\u00e9seau<\/span>\n app.run<\/span>(host='0.0.0.0'<\/span>, port=8888<\/span>)\n<\/code><\/pre><\/template><\/div>\n\n\n\n3. Testez votre application manuellement<\/h3>\n\n\n\n
Dans le terminal de VS Code, lancez votre script :<\/p>\n\n\n\n
Bash<\/p>\n\n\n\n
python3 app.py\n<\/code><\/pre><\/template><\/div>\n\n\n\nOuvrez un navigateur web sur votre PC Windows et rendez-vous \u00e0 l’adresse :<\/p>\n\n\n\n
[http:\/\/192.168.1.50:8888](http:\/\/192.168.1.50:8888)<\/code> (remplacez par l’IP de votre Pi). Vous devriez voir la page web et pouvoir contr\u00f4ler votre LED externe en direct !<\/p>\n\n\n\n\u00c9tape 5 : Automatiser le d\u00e9marrage au boot (Service Systemd)<\/h2>\n\n\n\n
Pour que votre script se lance tout seul d\u00e8s que le Raspberry Pi s’allume, nous allons cr\u00e9er un service syst\u00e8me.<\/p>\n\n\n\n
- \n
- Cr\u00e9ez un fichier de service systemd avec les privil\u00e8ges administrateur :
Bashsudo nano \/etc\/systemd\/system\/webled.service<\/code><\/li>\n\n\n\n- Collez la configuration suivante (adaptez le chemin
\/home\/pi\/projet_led\/app.py<\/code> si votre dossier a un autre nom) :
Ini, TOML[Unit] Description=Serveur Web Flask Controle LED GPIO After=network.target [Service] User=pi WorkingDirectory=\/home\/pi\/projet_led ExecStart=\/usr\/bin\/python3 \/home\/pi\/projet_led\/app.py Restart=always [Install] WantedBy=multi-user.target<\/code><\/li>\n\n\n\n- Sauvegardez et quittez (
Ctrl + O<\/code>, puisEntr\u00e9e<\/code>, puisCtrl + X<\/code> sous Nano).<\/li>\n\n\n\n- Informez le syst\u00e8me de l’existence de ce nouveau service, activez-le et d\u00e9marrez-le :
Bashsudo systemctl daemon-reload sudo systemctl enable webled.service sudo systemctl start webled.service<\/code><\/li>\n\n\n\n- V\u00e9rifiez que tout fonctionne bien :
Bashsudo systemctl status webled.service<\/code> Si le statut indiqueactive (running)<\/code>, f\u00e9licitations ! Votre application tourne en arri\u00e8re-plan et red\u00e9marrera automatiquement m\u00eame apr\u00e8s une coupure de courant.<\/li>\n<\/ol>\n\n\n\n<\/p>\n","protected":false},"excerpt":{"rendered":"
Ce guide complet et d\u00e9taill\u00e9, pas \u00e0 pas, est con\u00e7u pour vous accompagner dans la mise en place de votre projet entre Windows, VS Code et votre Raspberry Pi 3 (sous la derni\u00e8re version de Raspberry Pi OS, Bookworm, sans interface graphique). Vue d’ensemble du projet \u00c9tape 1 : Configuration initiale du Raspberry Pi (avec […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-46","post","type-post","status-publish","format-standard","hentry","category-uncategorized"],"_links":{"self":[{"href":"https:\/\/rf-diy.com\/index.php\/wp-json\/wp\/v2\/posts\/46","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/rf-diy.com\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/rf-diy.com\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/rf-diy.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/rf-diy.com\/index.php\/wp-json\/wp\/v2\/comments?post=46"}],"version-history":[{"count":4,"href":"https:\/\/rf-diy.com\/index.php\/wp-json\/wp\/v2\/posts\/46\/revisions"}],"predecessor-version":[{"id":51,"href":"https:\/\/rf-diy.com\/index.php\/wp-json\/wp\/v2\/posts\/46\/revisions\/51"}],"wp:attachment":[{"href":"https:\/\/rf-diy.com\/index.php\/wp-json\/wp\/v2\/media?parent=46"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/rf-diy.com\/index.php\/wp-json\/wp\/v2\/categories?post=46"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/rf-diy.com\/index.php\/wp-json\/wp\/v2\/tags?post=46"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}
- Collez la configuration suivante (adaptez le chemin
- Allez dans l’onglet des extensions (ic\u00f4ne de carr\u00e9s sur le c\u00f4t\u00e9 ou
- Activez le SSH :<\/strong> Allez dans
- Le Mat\u00e9riel :<\/strong> Une LED externe branch\u00e9e sur une broche GPIO (par exemple la broche GPIO 17) et une r\u00e9sistance.<\/li>\n\n\n\n