Ohjaa laitteita Internetin kautta selaimen kautta. (IoT): 6 vaihetta

2024 Kirjoittaja: John Day | [email protected]. Viimeksi muokattu: 2024-01-30 09:02

Tässä ohjeessa näytän sinulle, kuinka voit ohjata laitteita, kuten LED-valoja, releitä, moottoreita jne. Internetin kautta selaimen kautta. Ja voit käyttää ohjaimia turvallisesti millä tahansa laitteella. Tässä käyttämäni verkkoalusta on RemoteMe.org. Vieraile sivulla saadaksesi lisätietoja siitä.

Muista viitata kuviin, jotka auttavat sinua ymmärtämään prosessia paremmin.

Aloitetaan siis.

Vaihe 1: Tarvitsemasi asiat:-

Tätä projektia varten tarvitset:-

1. ESP8266 (NodeMCU) Linkki USLink for Europe
2. LEDLink for USLink for Europe
3. Push ButtonLink for USLink for Europe
4. Breadboard. Link for USLink for Europe

Ohjelmisto:-

1. Arduino IDE
2. Tili RemoteMessä.

Huomaa, että voit käyttää projektissa Arduinoa tai Raspberry-pi: tä, jos sinulla ei ole NodeMCU: ta.

Vaihe 2: Arduino IDE: n määrittäminen:-

Ennen kuin voit työskennellä NodeMCU Esp8266: n kanssa, sinun on lisättävä levyt IDE: hen, jos et ole jo tehnyt sitä, tutustu tähän ohjeeseen täällä.

Kun levyt ovat saatavilla IDE: ssä, tähän projektiin tarvitaan joitain kirjastoja.

Näiden kirjastojen asentaminen:-

Avaa IDE ja siirry >> Luonnos >> Sisällytä kirjasto >> Hallitse kirjastoja. Ponnahdusikkunan pitäisi näkyä. Täältä löydät tarvittavat kirjastot

Luettelo kirjastoista:-

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

Asenna nämä yksitellen ja käynnistä IDE uudelleen, kun olet valmis.

Näin IDE on käyttövalmis.

Vaihe 3: Sivun määrittäminen RemoteMe-laitteessa:-

Jos haluat käyttää RemoteMe -ohjelmaa, sinun on ensin rekisteröidyttävä, jotta voit luoda omia verkkosivuja ja aloittaa laitteiden ohjaamisen.

Goto RemoteMe.org napsauta "Sovellus", Goto Signup ja kirjoita tietosi ja paina kirjautumista

Sinua tervehditään tervetuliaissivulla. Valitse nyt vasemmasta reunasta valikosta "Laitteet"

Oikealla puolella näet vaihtoehdon nimeltä "Uusi laite". Napsauttamalla sitä saat avattavan valikon, valitse "Uusi Web -sivu"

Anna nyt nimi ja laitetunnus, olen antanut sille nimen 'LED' ja antanut laitetunnuksen '203'. (Laitetunnus on yksilöllinen numero, joka erottaa eri laitteet.)

Varmista, että vaihtokytkin on asetettu aktiiviseksi ja paina Lähetä. Sivulle tulee uusi laite, jonka nimi on LED ja laitteen tunnus 203. Valitse nyt alanuoli laitteen oikeasta reunasta ja näet tyhjän paikan, jossa voit luoda verkkosivuja

Siirry tälle GitHub -sivulle. Sinun täytyy vetää kolme tiedostoa (index.html, scripts.js & styles.css) ja pudottaa ne yksitellen laitteen tyhjään paikkaan ja olet valmis

Vaihe 4: Koodin lataaminen MCU: lle:-

Alla olen antanut koodin, jota tarvitset projektin toimimiseksi.

Ennen kuin voit ladata koodin, sinun on tehtävä siihen pieniä muutoksia.

Kun koodi on avattu IDE: ssä, sinun on annettava WiFi -nimesi ja salasanasi vaadittuun kenttään, jotta levy voi muodostaa yhteyden verkkoon.

Tee muutokset koodin seuraavaan osaan:-

#define WIFI_NAME "Anna WiFi -nimesi" #define WIFI_PASSWORD "Anna WiFi -salasanasi" #define DEVICE_ID 203 #define DEVICE_NAME "LED" #define TOKEN "Anna todennustunnus"

Todennustunnuksen hankkiminen Goto Remoteme.org >> Sovellukset >> Tunnukset (Vasemmanpuoleisten laitteiden valikossa)

Kopioi Token ja liitä se koodiin.

Liitä nyt NodeMCU tietokoneeseen, valitse oikea portti ja lataa koodi.

Vaihe 5: Liitännät:-

Tee liitännät yllä olevan kuvan mukaisesti:-

LED on kytketty MCU: n nastaan D5.

Painike on kytketty nastaan D2.

Käytä LED -sarjassa olevaa vastusta LED -vaurioiden estämiseksi.

Vaihe 6: Testaus:-

Nyt olet onnistuneesti suorittanut projektin. On aika testata rakennetta.

Tarkista ensin, ovatko liitännät oikein, paina painiketta ja LED-valon palaa. Painikkeen painaminen uudelleen sammuttaa LED-valon

Siirry nyt RemotMe -verkkosivustoon ja avaa sovelluksesi. kirjaudu sisään tilillä, jolla kirjauduit sisään

Siirry nyt laitteisiin ja valitse juuri luomasi laite. Huomaa, että laitetunnuksen vasemmalla puolella oleva Yhteyslinkki -symboli on muuttunut vihreäksi, mikä osoittaa, että ESP -kortti on kytketty palvelimeen

Napsauta nyt "index.html" -tiedostoa ja valitse "avaa uudella välilehdellä", uudella välilehdellä näkyy verkkosivu, jossa on ympyrä. Voit sytyttää ja sammuttaa LED -valon napsauttamalla ympyrää

Voit ohjata LEDiä älypuhelimella. Siirry jälleen laitteen sivulle ja napsauta "index.html". Valitse tällä kertaa viimeinen vaihtoehto "Hanki anonyymi linkki…". Näkyviin tulee ponnahdusikkuna, jossa on linkki, jonka voit avata missä tahansa älypuhelimessa LED-valon ohjaamiseksi ilman, että sinun tarvitsee kirjautua sisään joka kerta

Vielä parempi vaihtoehto on valita linkin vieressä oleva QR -vaihtoehto. Skannaa QR -koodi Android- tai iPhone -laitteellasi, niin sinut ohjataan ympyrän sisältävälle verkkosivulle

Tarkista videon esittely nähdäksesi kuinka se toimii.

Toivottavasti pidät projektista, jos sinulla on kysyttävää, kysy rohkeasti kommenteissa.

Kiitos.