Apparaten bedienen via internet via browser. (IoT): 6 stappen

2024 Auteur: John Day | [email protected]. Laatst gewijzigd: 2024-01-30 11:17

In deze Instructable laat ik je zien hoe je apparaten zoals LED's, relais, motoren etc. via internet via een webbrowser kunt bedienen. En u hebt via elk apparaat veilig toegang tot de bedieningselementen. Het webplatform dat ik hier heb gebruikt, is RemoteMe.org, bezoek de pagina om er meer over te weten.

Zorg ervoor dat u naar afbeeldingen verwijst die u zullen helpen het proces beter te begrijpen.

Dus laten we beginnen.

Stap 1: Dingen die je nodig hebt: -

Voor dit project heb je nodig: -

1. ESP8266 (NodeMCU)Link voor USLink voor Europa
2. LEDLink voor USLink voor Europa
3. Push ButtonLink voor USLink voor Europa
4. Breadboard. Link voor USLink voor Europa

Software:-

1. Arduino IDE
2. Account op RemoteMe.

Merk op dat je een Arduino of Raspberry-pi voor het project kunt gebruiken als je geen NodeMCU hebt.

Stap 2: De Arduino IDE instellen: -

Als je eerst met NodeMCU Esp8266 wilt werken, moet je de borden aan IDE toevoegen als je dat nog niet hebt gedaan, bekijk deze Instructable hier.

Nadat de Boards beschikbaar zijn op IDE zijn er enkele bibliotheken nodig voor dit project.

Om deze bibliotheken te installeren: -

Open IDE en Ga naar >> Schets >> Bibliotheek opnemen >> Bibliotheken beheren. Er zou een pop-upvenster moeten verschijnen. Hier zoekt u naar de benodigde bibliotheken

Lijst met bibliotheken: -

1. RBD_Timer.h
2. RBD_Button.h
3. RemoteMe.h
4. ESP8266WiFi.h
5. ESP8266WiFiMulti.h
6. ArduinoHttpClient.h

Installeer deze één voor één en start de IDE opnieuw op als u klaar bent.

Daarmee is de IDE klaar voor gebruik.

Stap 3: Pagina instellen op RemoteMe: -

Om RemoteMe te gebruiken, moet u zich eerst aanmelden, zodat u uw eigen webpagina's kunt maken en apparaten kunt gaan bedienen.

Ga naar RemoteMe.org klik op "Applicatie", Ga naar Aanmelden en voer uw gegevens in en klik op aanmelden

U wordt begroet met een welkomstpagina. Selecteer nu aan de linkerkant in het menu "Apparaten"

Aan de rechterkant ziet u een optie met de naam "Nieuw apparaat". Als u erop klikt, krijgt u een vervolgkeuzemenu. Selecteer hier "Nieuwe webpagina"

Geef nu een naam en apparaat-ID, ik heb het 'LED' genoemd en apparaat-ID '203' gegeven. (De apparaat-ID is het unieke nummer dat onderscheid maakt tussen verschillende apparaten.)

Zorg ervoor dat de schakelaar op 'actief' staat en klik op 'verzenden'. Er verschijnt een nieuw apparaat met de naam LED met apparaat-ID 203 op de pagina. Selecteer nu het pijltje naar beneden aan de rechterkant van het apparaat en je ziet een leeg vakje waar je webpagina's kunt maken

Ga naar deze GitHub-pagina. Je moet drie bestanden (index.html, scripts.js & styles.css) slepen en ze een voor een in de lege sleuf op je apparaat neerzetten en je bent klaar

Stap 4: Code uploaden op MCU: -

Hieronder heb ik de code gegeven die je nodig hebt om het project te laten werken.

Voordat u de code kunt uploaden, moet u enkele kleine wijzigingen in de code aanbrengen.

Zodra de code in de IDE is geopend, moet u uw WiFi-naam en wachtwoord in het vereiste veld invoeren, zodat het bord verbinding kan maken met uw netwerk.

Breng wijzigingen aan in het volgende deel van de code: -

#define WIFI_NAME "Voer uw wifi-naam in" #define WIFI_PASSWORD "Voer uw wifi-wachtwoord in" #define DEVICE_ID 203 #define DEVICE_NAME "LED" #define TOKEN "Voer authenticatietoken in"

Om de authenticatietoken te krijgen Ga naar Remoteme.org >> Toepassingen >> Tokens (in het menu aan de linkerkant onder Apparaten)

Kopieer het token en plak het in de code.

Sluit nu uw NodeMCU aan op uw pc, selecteer de juiste poort en upload de code.

Stap 5: Aansluitingen: -

Volg de afbeelding hierboven om verbindingen te maken: -

De LED is verbonden met pin D5 van de MCU.

De drukknop wordt aangesloten op Pin D2.

Gebruik een weerstand in serie met LED om schade aan LED te voorkomen.

Stap 6: testen: -

Nu heb je het project succesvol afgerond. Het is tijd om de build te testen.

Controleer eerst of de aansluitingen goed zijn. Druk op de drukknop en u zou de LED moeten zien aangaan. Als u nogmaals op de knop drukt, gaat de LED uit

Ga nu naar de RemotMe-website en open uw applicatie. log in met het account waarmee u zich hebt aangemeld

Ga nu naar Apparaten en selecteer het apparaat dat u zojuist hebt gemaakt. Let op het verbindingslink-symbool aan de linkerkant voordat de apparaat-ID groen is geworden, wat aangeeft dat het ESP-bord is verbonden met de server

Klik nu op het bestand "index.html" en selecteer "open in nieuw tabblad", in een nieuw tabblad verschijnt een webpagina met een cirkel. U kunt op de cirkel klikken om de LED aan en uit te zetten

Om uw LED te bedienen met een smartphone. Ga opnieuw naar de apparaatpagina en klik op "index.html". Selecteer deze keer de, laatste optie "Get anonieme link …", Er verschijnt een pop-upvenster met een link die u in elke smartphone kunt openen om de LED te bedienen zonder elke keer opnieuw in te hoeven loggen

Nog betere optie, u kunt de QR-optie direct naast de link selecteren. En scan de QR met je Android of iPhone en je wordt doorgestuurd naar de webpagina met cirkel

Bekijk de videodemo om te zien hoe het werkt.

Ik hoop dat je het project leuk vindt. Als je vragen hebt, stel ze dan gerust in de comments.

Bedankt.