Contrôleur de bande de lumière LED WiFi plus facile: 8 étapes (avec photos)

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

Au printemps dernier, j'ai commencé à concevoir du matériel et des logiciels personnalisés pour contrôler deux bandes de lumières LED à l'aide d'une carte de développement NodeMCU ESP8266-12E. Au cours de ce processus, j'ai appris à fabriquer mes propres cartes de circuits imprimés (PCB) sur un routeur CNC et j'ai écrit un Instructable qui décrit étape par étape le processus. (Lien Instructables) J'ai suivi cela en écrivant des instructions pour créer votre propre contrôleur WiFi pour les bandes lumineuses LED, y compris le logiciel Open Source GPL pour le contrôleur et pour une application mobile pour utiliser le contrôleur d'éclairage. (Lien Instructables) Ce deuxième instructable était le résultat de plusieurs mois d'apprentissage, de développement, de test et de refactorisation, et il comprenait ma neuvième révision du matériel. Il s'agit de la version 10.

Pourquoi faire une dixième version, et pourquoi écrire à ce sujet ? Pour faire court, j'avais besoin de fabriquer des dizaines de contrôleurs, donc j'avais besoin qu'ils soient plus faciles à câbler, plus rapides à produire et plus robustes. Au cours du processus d'avancement de ce projet jusqu'à ce qu'il en est aujourd'hui, j'ai beaucoup appris. Lorsque j'ai écrit le précédent Instructable sur le contrôleur, j'avais construit l'électronique en fonction de mes connaissances existantes en matière de création d'un PCB personnalisé. Mon premier "vrai" projet avec un PCB personnalisé était le contrôleur d'éclairage, et dans mon parcours d'apprentissage, j'ai créé neuf versions. Les derniers étaient plutôt bons.

En cours de route, j'ai appris quelques choses en particulier qui m'ont aidé à élever cela à un autre niveau.

1. J'étais déterminé à commencer par les logiciels libres et j'ai d'abord conçu ma carte avec Fritzing. Je pense toujours que c'est le bon programme pour un débutant pour apprendre à concevoir un PCB car vous n'avez pas besoin d'apprendre à créer un schéma, mais je pense maintenant qu'il faut "passer" à un outil de CAO plus professionnel. Le programme que j'ai choisi est Eagle. La planche que j'ai pu produire avec Eagle est bien meilleure que celle que j'ai pu créer avec Fritzing.
2. Après un peu d'expérience, je suis maintenant capable de "sortir des sentiers battus" un peu mieux. Ce que j'ai réalisé en particulier, c'est que je pouvais simplifier considérablement le câblage en réorganisant les affectations des broches et en le transformant en une carte double face avec une face supérieure très simple. Je ne parviens toujours pas à produire de manière fiable des PCB double face avec mon routeur CNC, mais le câblage manuel de la face supérieure de cette nouvelle carte est plus facile que le câblage des cavaliers requis avec la conception précédente. Pour ceux qui ne peuvent fabriquer qu'un circuit imprimé à une face, ce projet peut être réalisé en créant une carte à une seule face et en câblant quelques connexions manuellement.
3. Vous ne possédez pas de routeur CNC ? Je peux maintenant indiquer plusieurs façons de créer votre propre PCB sans un.
4. Vous n'arrivez toujours pas à créer votre propre PCB (ou vous ne le souhaitez pas) ? J'ai pu faire produire commercialement les PCB que j'ai conçus pour ce projet dans des quantités et à des prix que je peux me permettre de stocker et de vendre. Cela signifie que ce projet peut être réalisé sans plus de compétences en électronique que la capacité de souder.

Êtes-vous prêt à créer votre propre contrôleur WiFi pour deux bandes de lumières LED ? Bon. Passons à la nomenclature.

Bien que cela ait commencé comme un Instructable, il est devenu un projet en cours pour APPideas. Nous mettons à jour ce Instructable de temps en temps, mais les dernières informations sont toujours disponibles sur

Étape 1: Rassemblez vos documents

Cette nomenclature suppose que vous pouvez soit produire votre propre PCB, soit en acheter un spécifiquement pour ce projet. Il existe des moyens de réaliser ce projet sans PCB personnalisé. Lisez l'étape 2 de l'Instructable suivant si vous voulez essayer de le faire sans PCB personnalisé. (Lien Instructables) Notez que je répertorie les pièces que j'ai personnellement achetées et que la plupart des articles sont vendus en quantités supérieures à celles dont vous aurez besoin. N'hésitez pas à magasiner.

• (1) carte de développement NodeMCU ESP8266-12E (lien Amazon)
• (1) régulateur de tension 5V (lien Amazon)
• (1) dissipateur thermique du régulateur de tension (lien Amazon)
• (1) condensateur 100µf et
• (1) condensateur 10µf (lien Amazon)
• (2) bornes à vis à 5 pôles, pas de 3,5 mm (lien eBay)
• (1) borne à visser 2 pôles, pas de 5 mm (lien Amazon)
• (8) MOSFET canal N (lien Amazon)
• (1) rouleau de bande lumineuse LED SMD 5050 (lien Amazon)
• (1) alimentation 12V, 5A DC (si vous ne pouvez pas utiliser celle fournie avec vos lumières) (lien Amazon)
• (1) fil à 5 brins (lien Amazon)

Matériels et outils consommables, optionnels et accessoires:

1. (1) Fer à souder (lien Amazon)
2. (certains) Soudure (lien Amazon)
3. (certains) Flux de pâte de colophane (lien Amazon)
4. (1) Pince à dénuder (lien Amazon)
5. (1) étau de circuit imprimé (lien Amazon)
6. (certains) Ruban électrique liquide (lien Amazon)
7. (certains) Super glue (lien Amazon)
8. (5) vis à bois #4 - 1/2" (lien Amazon)
9. (certains) Attaches de câble auto-agrippantes ou attaches zippées (lien Amazon)

Enfin, vous aurez besoin d'un PCB. Vous pouvez créer le vôtre (fichiers et instructions ci-dessous), ou en commander un chez nous.

• (1) PCB préfabriqué à partir d'APPideas (lien APPideas), ou
• (1) PCB plaqué cuivre simple face (lien Amazon), ou
• (1) PCB plaqué cuivre double face (lien Amazon)

Si vous fabriquez votre propre PCB, vous devrez déterminer les matériaux supplémentaires nécessaires pour terminer votre construction, tels que les mèches de toupie et les matériaux de maintien ou les produits chimiques de gravure.

Maintenant que vous avez vos matériaux ensemble, voyons comment vous obtiendrez le PCB pour le projet.

Étape 2: Créer ou obtenir le PCB

Si vous ne pouvez pas produire votre propre PCB, ou si vous ne souhaitez pas le faire, j'ai fait produire un petit nombre de cartes dans le commerce et elles sont disponibles à la vente ici (lien appideas). L'expédition est la partie la plus coûteuse pour les mettre entre vos mains, mais vous pouvez économiser de l'argent en en commandant plusieurs.

Si vous avez la possibilité de créer votre propre circuit imprimé (PCB), tous les fichiers dont vous avez besoin pour créer le PCB pour le contrôleur de bande lumineuse LED WiFi personnalisé sont ci-dessous.

Si vous possédez un routeur CNC et ne savez pas comment créer des PCB, lisez mon Instructable détaillé sur le sujet. (Lien Instructables) Je n'ai pas personnellement produit un PCB personnalisé par tout autre moyen. Vous pouvez consulter cet Instructable sur la façon de fabriquer un PCB avec des produits chimiques raisonnablement inoffensifs (lien Instructables) ou faire une recherche sur "Custom PCB" sur Instructables.com, et vous découvrirez qu'il existe une variété de méthodes.

Utilisez les liens ci-dessous pour télécharger les fichiers gerber et excellon. Vous pouvez également télécharger les fichiers Eagle ci-dessous au cas où vous souhaiteriez apporter des modifications à la conception. Il s'agit d'un PCB à deux faces, mais si vous n'avez la possibilité de produire que des cartes à une face, vous n'aurez qu'à couper la face inférieure. Je vais fournir des instructions pour le câblage manuel des pistes du côté supérieur de la carte dans les informations d'assemblage électronique. C'est assez simple, c'est donc un bon choix si la production d'une planche à deux faces est difficile pour vous.

Si vous avez besoin d'acheter ces PCB en vrac, ils sont disponibles dans un projet public chez PCBWay. (lien PCBWay)

Étape 3: Assembler l'électronique

Maintenant que vous avez vos composants ensemble et votre PCB en main, il est temps de commencer à souder ! Il y a beaucoup de points de soudure, mais la soudure est très simple, comme vous allez le voir. Regardez les images pour référence. Notez que les PCB jaunes / beiges illustrés ci-dessus ont été fabriqués sur un routeur CNC et que les PCB bleus sont la version fabriquée commercialement.

1. Insérez la carte de développement NodeMCU ESP8266-12E dans le PCB. Il est possible d'installer accidentellement cette carte à l'envers, et elle est difficile à retirer une fois qu'elle a été soudée, alors assurez-vous que les broches sont correctement orientées. Soudez toutes les pastilles qui ont des traces. Il y en a 12 au total – dix le long d'une rangée d'épingles et deux le long de l'autre. Vous n'avez pas besoin de souder les pastilles qui n'ont pas de traces. Si vous avez du mal à faire circuler la soudure autour de ces broches, le flux de pâte de colophane vous aidera.
2. Assemblez le régulateur de tension 5V et la synchronisation thermique comme indiqué, puis soudez ses trois fils au PCB à gauche de la carte de développement NodeMCU ESP8266-12E comme on le voit sur les photos.
3. Installez les deux condensateurs dans les plots qui se trouvent immédiatement derrière le régulateur de tension. Faites attention à l'ordre et à la polarité des condensateurs. Le condensateur de 100 µf doit être installé le plus près du bord extérieur du PCB, et le condensateur de 10 µf sera installé le plus près de l'intérieur du PCB. Les fils négatifs des condensateurs doivent se faire face.
4. Soudez les huit MOSFET dans le PCB dans les plots qui se trouvent à droite de la carte de développement NodeMCU. Lorsque vous soudez la couche inférieure, il suffit de souder les fils qui ont des traces. Cependant, il y a vingt-quatre fils, et dix-huit d'entre eux doivent être soudés sur la face inférieure du PCB, donc cela permet d'éviter toute confusion si vous prenez quelques minutes supplémentaires et que vous les soudez tous. Vous pouvez également éviter d'avoir à souder la couche supérieure en faisant couler de la soudure à travers les vias appropriés, comme décrit ci-dessous.

5. Soudez les traces supérieures de la carte.

   1. Si vous avez un PCB double face, soudez les huit points de soudure qui sont connectés aux pistes sur la face supérieure du PCB. Ces traces sont connectées à chacune des huit pattes du côté droit des MOSFET. Un moyen facile de souder les connexions du haut est de chauffer un peu les broches du bas avec votre fer à souder, puis d'utiliser un flux de pâte de colophane et d'appliquer suffisamment de soudure par le bas pour lui permettre de s'écouler à travers le via. Cette méthode fonctionnera sans flux de pâte de colophane, mais le flux aidera la soudure à s'écouler un peu plus librement et avec moins de chaleur. Lorsque vous retirez la chaleur, vous devriez avoir une soudure solide sur le dessus de la carte. N'hésitez pas à tester votre travail !
   2. Si vous n'avez pas de PCB double face, vous devrez connecter la jambe droite de chacun des MOSFET les uns aux autres. Il s'agit d'une connexion à la terre dans le circuit. Le MOSFET inférieur gauche de chaque groupe de quatre est déjà connecté à la terre commune du circuit sur la face inférieure du PCB, il suffit donc de connecter la branche droite des trois autres MOSFET de ce même groupe à sa branche de terre. Vous pouvez le faire en soudant des cavaliers directement sur les pattes des MOSFET sur la face supérieure de la carte, ou en soudant des cavaliers sur les fils appropriés au bas du PCB. J'ai choisi de souder le bas du PCB afin de pouvoir dissimuler les fils à l'intérieur du boîtier.
6. Installez le bornier à visser bipolaire au pas de 5 mm sur le côté gauche de la carte de développement NodeMCU. Les bornes à visser nécessitent beaucoup d'abus, alors fixez-les au PCB en ajoutant une goutte de super glue et en la pressant en place contre le PCB pendant 30 secondes. Une fois qu'il est collé en place, soudez ses deux fils sur le bas du PCB.
7. Installez les (2) borniers à vis à cinq pôles et pas de 3 mm sur le côté droit des MOSFET. Collez ces borniers sur le PCB de la même manière qu'indiqué ci-dessus, puis soudez les dix fils au bas de la carte - cinq fils pour chaque bornier.
8. Tout est soudé, il est donc temps de nettoyer et de vérifier votre travail. Commencez par mettre des lunettes de sécurité, puis coupez l'excès de métal des fils sur la face inférieure de la planche. Je recommande de NE PAS couper les fils de la carte de développement NodeMCU ESP8266-12E. Les broches sont très épaisses et ont tendance à endommager les pinces coupantes.
9. Vérifiez votre travail en testant les points de fin de trace avec un ohmmètre. Connectez simplement un fil de votre ohmmètre à un point de soudure sur le PCB, puis connectez l'autre fil au point de soudure qui se trouve de l'autre côté de la piste. Vous devez avoir une continuité entre toutes les traces appropriées. C'est une bonne idée de revérifier vos points de soudure supérieurs. Pour ce faire, connectez un fil de votre ohmmètre à une broche de masse sur la carte de développement NodeMCU ESP8266-12E, puis connectez l'autre fil à la jambe droite de chacun des MOSFET, un à la fois. Il devrait y avoir une continuité entre ces broches et la masse commune du circuit.

Étape 4: Chargez le code Arduino et connectez-vous au WiFi

Par souci d'exhaustivité, je répète en grande partie ces instructions de mon précédent Instructable. Je donne intentionnellement des instructions pour charger le code Arduino avant de sécuriser l'électronique ou de connecter l'alimentation 12V pour éviter la possibilité de brancher accidentellement la carte de développement NodeMCU sur USB pendant qu'elle est alimentée via Vin.

Obtenir, installer et configurer Arduino IDE. Si vous avez déjà installé Arduino IDE et configuré pour utiliser une carte ESP8266, téléchargez le fichier ZIP ci-dessous, décompressez-le, puis chargez le croquis contenu sur l'ESP. Sinon, obtenez Arduino IDE à partir d'ici et installez-le. Il y a quelques étapes pour faire reconnaître la carte ESP par l'IDE Arduino. Je vais leur donner des puces laconiques. Si vous voulez une explication complète de ce que vous faites et pourquoi, vous pouvez lire à ce sujet ici.

• Ouvrez Arduino IDE et cliquez sur Fichier > Préférences (sur macOS, ce sera Arduino IDE > Préférences)
• Mettez cette adresse dans la zone URL du gestionnaire de cartes supplémentaires:
• Cliquez sur OK
• De retour dans l'écran principal de l'IDE Arduino, cliquez sur Outils > Carte > Gestionnaire de cartes…
• Recherchez "esp8266" et lorsque vous le trouvez, cliquez sur Installer et fermez la fenêtre Boards Manager
• Cliquez sur Outils > Carte et sélectionnez NodeMCU 1.0 (module ESP8266-12E)
• Cliquez sur Outils > Port et sélectionnez le port USB auquel la carte ESP est connectée

Vous devrez effectuer les deux dernières étapes à chaque fois que vous développez sur un autre type de carte Arduino et revenez à l'ESP8266. Le reste ne doit être fait qu'une seule fois.

Pour compiler cette esquisse, vous devrez charger quelques bibliothèques dans l'IDE, alors cliquez sur Esquisse > Inclure la bibliothèque et cliquez sur ESP8266WiFi. Vous devrez charger les bibliothèques suivantes de la même manière (Cliquez sur Sketch > Inclure la bibliothèque, puis cliquez sur le nom de la bibliothèque): ESP8266mDNS, ESP8266WebServer, WiFi, ArduinoJson, EEPROM, ArduinoOTA. Si vous ne voyez aucun de ceux-ci dans la liste des bibliothèques, vous le trouverez en cliquant sur Esquisse > Inclure la bibliothèque > Gérer la bibliothèque et en recherchant le nom de la bibliothèque. Une fois que vous l'avez trouvé, cliquez sur Installer, puis suivez à nouveau les étapes pour l'inclure dans votre croquis.

Compiler le code et l'envoyer au conseil d'administration. Avant de faire cela, si vous avez installé un régulateur de tension, vérifiez que la broche Vin de la carte ESP n'est pas alimentée. Téléchargez le fichier zip inclus avec cette étape (ci-dessous) et décompressez-le ou obtenez-le sur github. (lien github) Branchez votre carte ESP sur votre ordinateur via USB, sélectionnez la carte et le port appropriés dans le menu Outils, puis cliquez sur le bouton Télécharger. Regardez la console, et dans peu de temps, le code sera chargé. Si vous voulez voir ce que l'appareil enregistre, ouvrez le moniteur série et définissez le débit en bauds sur 57600. L'esquisse n'est pas très bavarde, mais elle affiche des informations d'état telles que l'adresse IP de l'appareil.

Pour connecter le contrôleur à votre réseau et le configurer:

1. Allumez le contrôleur
2. Sur votre ordinateur ou sur un appareil mobile, connectez-vous au réseau WiFi créé par le contrôleur. Il va créer un réseau avec un SSID qui commence par "appideas-"
3. Ouvrez un navigateur Web et accédez à
4. Fournissez les informations d'identification pour vous connecter à votre réseau, puis cliquez sur le bouton CONNECTER
5. Obtenez l'adresse IP qui a été attribuée au contrôleur. Je suis désolé que cette partie ne soit pas encore plus facile. Si vous savez comment accéder à la liste des périphériques DHCP de votre routeur WiFi, le contrôleur WiFi y apparaîtra avec un nom de périphérique contenant « esp » et les quatre caractères qui se trouvaient après « appideas- » dans le SSID du point d'accès de l'appareil. Le moniteur série Arduino affichera également l'adresse IP attribuée à l'appareil.

Si vous voulez savoir comment fonctionne le code Arduino, vous pouvez le lire à l'étape 4 de mon précédent Instructable. (Lien instructable) Cet Instructable explique également comment utiliser un navigateur Web pour tester vos lumières et le contrôleur WiFi, donc si vous êtes impatient d'accéder à l'installation de l'application mobile, vous pouvez le vérifier.

Étape 5: Câblez les lumières et l'alimentation

Encore une fois, je vais répéter une grande partie de l'une des étapes de mon précédent Instructable.

Si vous ne connectez qu'un ou deux jeux de lumières, vous n'aurez pas besoin de souder sur les bandes lumineuses. Jetez un œil à la deuxième image ci-dessus. Coupez simplement la bande lumineuse quelque part au milieu, coupez les connecteurs déjà connectés à l'avant et à l'arrière du rouleau de lumières, dénudez les extrémités des fils et vous êtes prêt à le connecter à votre contrôleur. C'est ça. Raccordez simplement les lumières aux fils appropriés du contrôleur et le tour est joué.

Si vous avez besoin de plus de deux jeux de lumières, ou si vous avez déjà "récolté" les extrémités des câbles du fabricant, vous devrez souder les fils directement sur les bandes, ce qui peut être un peu délicat. Il y a déjà un très bon Instructable sur ce sujet, donc je vais m'y reporter. Mais avant que je le fasse, il y a quelques notes que je voudrais que vous gardiez à l'esprit tout en regardant ces instructions:

1. Une fois que vous avez terminé de souder à la bande, utilisez un ohmmètre pour vérifier que vous n'avez pas accidentellement connecté les pastilles adjacentes. Il suffit de toucher les fils de l'ohmmètre sur la première et la deuxième plots soudés pour vérifier qu'il n'y a pas de continuité entre eux, puis le deuxième et le troisième, le troisième et le quatrième… Il est facile de rater (ne pas voir) un brin de fil égaré, et il ne prend que quelques secondes pour vérifier que quelque chose de mauvais ne s'est pas produit.
2. Portez une attention particulière à son câblage car il semble avoir les couleurs foirées. Ce qui est en fait "mauvais", c'est que sa bande lumineuse a ses fils dans un ordre différent de ce qui est typique, mais le fil à 5 brins est normal.

3. Fortement recommandé: au lieu d'utiliser un tube thermorétractable pour sécuriser la connexion (près de la fin de l'Instructable), utilisez du ruban adhésif liquide. (Lien Amazon) Vos connexions auront une isolation nettement meilleure et seront beaucoup plus sécurisées. J'ai inclus des images, mais au cas où vous n'auriez jamais utilisé Liquid Tape auparavant, le processus est assez simple:

   1. "Globez-le" sur vos points de soudure nus et laissez-le pénétrer dans toutes les crevasses. Gardez quelque chose de jetable (un sac en papier, le journal de la semaine dernière, un chiffon, etc.) en dessous. Appliquer une couche épaisse. C'est OK pour qu'un peu s'en égoutte. C'est pourquoi quelque chose de jetable est en dessous. Assurez-vous que tout ce qui a été soudé est complètement recouvert et n'est pas visible, même un peu. Mettez-le épais. Ça ne restera pas comme ça.
   2. Laissez-le sécher pendant au moins 3-4 heures. En séchant, il rétrécira et se formera étroitement autour de vos fils. C'est bon! Vos points de soudure sont littéralement collés en place et une couche de caoutchouc (substance plutôt) isole chaque endroit où le liquide a pu s'infiltrer. Rien d'autre qu'un acte intentionnel ou violent ou qui pourrait rompre les connexions ou provoquer un court-circuit.
   3. Une fois les 3-4 heures écoulées, ajoutez une deuxième couche et laissez sécher. Cette couche peut être beaucoup plus fine. Il n'a pas besoin de s'infiltrer dans quoi que ce soit - il s'agit simplement de sceller et de sécuriser la première couche. Une fois la deuxième couche sèche, elle est prête à l'emploi.

Avec tout cela à l'écart, voici le lien vers l'Instructable. (lien Instructables)

Maintenant que les fils sortent de vos bandes lumineuses, connectez-les aux fils appropriés sur les bornes à vis à 5 pôles. Si vous avez acheté nos PCB fabriqués, ils sont étiquetés pour vous. Sinon, de haut en bas, ils sont dans cet ordre: blanc, bleu, rouge, vert, noir (puissance).

Enfin, connectez l'alimentation au PCB en connectant l'alimentation 12V (ou 24V) à la borne à visser à 2 pôles. Le fil positif est le plus proche du régulateur de tension et le fil négatif est le plus proche du bord extérieur du PCB. Encore une fois, ceux-ci sont étiquetés sur le PCB fabriqué.

Étape 6: Sécurisez l'électronique

Avec des projets comme celui-ci, vous êtes plus susceptible d'avoir des défaillances si des pièces sont en mouvement, exposées ou desserrées, il est donc important de sécuriser l'électronique.

Si vous possédez une imprimante 3D, téléchargez les fichiers STL ci-dessous et imprimez-les. L'un est la base et l'autre est le couvercle. Le couvercle n'est pas nécessaire. Commencez par fixer l'alimentation à une petite carte avec du ruban adhésif double face. Ensuite, fixez la base de montage de l'électronique à la carte avec (2) vis à bois #4 - 1/2". Enfin, fixez le PCB à la base avec (3) vis à bois #4 - 1/2". Si vous souhaitez modifier le boîtier, le fichier Fusion 360 est également disponible en téléchargement ci-dessous.

Si vous n'avez pas d'imprimante 3D, je vous recommande de suivre la même procédure de base, en omettant uniquement la base et le couvercle imprimés en 3D. Il est important de fixer le PCB sur une surface non conductrice, donc le visser sur un morceau de bois fonctionnera parfaitement.

Notez que l'orientation de la base et du PCB est importante car ils n'ont que des trous de vis dans les trois coins. Je préfère installer mes PCB orientés comme sur la photo car cela empêche les utilisateurs de brancher la carte de développement NodeMCU en USB alors que tout est sécurisé. Si vous préférez un accès plus facile au port USB (et vous promettez de faire attention et de ne pas le brancher tant que Vin est sous tension), il n'y a aucun mal à le tourner dans l'autre sens.

Étape 7: Chargez et utilisez l'application mobile

Maintenant, vous pouvez utiliser vos lumières !

Le moyen le plus simple d'obtenir l'application est de télécharger la version publique actuelle à partir de la boutique d'applications de votre appareil.

• Lien de l'App Store iOS
• Lien Android Play Store

Une fois l'application installée, passez à la section "Utiliser l'application mobile"

Si vous préférez vivre à la périphérie, vous pouvez également installer la dernière version de développement de l'application à partir du code source.

Vous aurez besoin d'avoir un environnement de développement React Native configuré et fonctionnel. Les instructions sont disponibles ici. (lien de documentation) Une fois React Native configuré pour le développement, ouvrez un terminal et exécutez ces commandes:

application mkdir

cd app git clone https://github.com/appideasDOTcom/APPideasLights.git./ cd mobile-app/react-native/AppideasLights npm install

Pour installer pour iOS, branchez votre appareil sur votre ordinateur et exécutez cette commande:

run-ios natifs de réaction

Pour Android, branchez votre téléphone sur votre ordinateur et exécutez cette commande:

réagir-natif exécuter-android

Si l'installation de l'application échoue la première fois, exécutez la dernière commande une deuxième fois.

Utilisation de l'application mobile

La première fois que vous ouvrez l'application, votre seule option sera d'ajouter des contrôleurs, alors cliquez sur le bouton "+" dans le coin supérieur droit pour le faire. Cliquez sur "Par adresse IP" et saisissez l'adresse IP de votre contrôleur, puis cliquez sur Enregistrer. C'est tout ce que vous avez à faire. Si vous avez plus d'un contrôleur, vous pouvez en ajouter d'autres en utilisant le bouton "+".

L'application est assez explicite une fois les contrôleurs ajoutés. Pour contrôler les lumières, appuyez sur le bouton du contrôleur (il affichera l'adresse IP pour le moment). Étant donné que chaque contrôleur peut gérer deux jeux de lumières, des commandes sont présentes pour deux. Chacun a un interrupteur à bascule pour éteindre et allumer toutes les lumières en un seul clic, et chacune des couleurs a son propre curseur pour contrôler cette couleur individuellement.

Vous pouvez configurer le contrôleur en appuyant sur le bouton Config en haut à droite. Sur cet écran, vous pouvez lui donner un nom plus agréable, qui est le nom que vous verrez affiché sur le bouton qui apparaît sur la liste des contrôleurs. Vous pouvez également modifier l'adresse IP, au cas où votre serveur DHCP lui attribue une adresse différente ou si vous l'avez mal tapée. Enfin, vous pouvez supprimer complètement le contrôleur de l'application. Cela ne supprime pas le contrôleur de votre réseau - cela efface simplement la connaissance de l'application.

Étape 8: Faites quelque chose de génial

C'est ça! Il est maintenant temps de trouver une application pour vos lumières. J'ai fait des panneaux rétroéclairés et j'ai écrit un Instructable sur le sujet. (lien Instructables)

Il y a beaucoup de bonnes choses que vous pouvez faire avec ces lumières, alors utilisez votre imagination et ajoutez des photos de vos projets dans les commentaires. J'ai pas mal travaillé sur le matériel, il est donc temps pour moi de travailler sur l'amélioration de l'application mobile.

S'amuser!

Bien que cela ait commencé comme un Instructable, il est devenu un projet en cours pour APPideas. Nous mettons à jour ce Instructable de temps en temps, mais les dernières informations sont toujours disponibles sur