Instructables View Counter + ESP8266 útmutató: 6 lépés (képekkel)

2025 Szerző: John Day | [email protected]. Utoljára módosítva: 2025-01-23 14:48

A Youtube és a Facebook előfizetői számlálói meglehetősen gyakoriak, de miért ne készíthetnénk valami hasonlót az Instructables számára? Pontosan ezt fogjuk tenni: ebben az utasításban Instructables nézetszámlálót készítünk!

A nézeteket az internetes oldalakról kell rögzíteni, ezért a közös (és olcsó) ESP8266 WiFi modult használjuk a szükséges információk megszerzéséhez. Konfigurációra van szükség, de minden lépést elvégezek az üzembe helyezéshez.

Annak érdekében, hogy a projekt a lehető legjobban hozzáférhető legyen (azaz nem igényel 3D nyomtatót, lézervágót vagy részecskegyorsítót), úgy döntöttem, hogy a Lego -t használom a tokhoz! Szóval szállj ki a Lego kukából és kezdjünk építeni!

1. lépés: Alkatrészek és eszközök

Alkatrészek

• ESP8266 ESP-01
• MAX7219 7 számjegyű LED kijelző modul
• 3.3V kompatibilis FTDI lekapcsolás (programozó)
• Fejlécek rögzítése
• 4x 10k ohmos ellenállás
• 2x Nyomógomb
• 2x 10uF kondenzátor
• 3.3V szabályozó (LM1117-3.3V)
• USB kábel
• Lego!

Teljes költség: <10 USD

Eszközök

Forrasztópáka

2. lépés: Elektronika

Kezdjük a projektet az áramkör felépítésével.

A projekt elektronikája nem túl bonyolult, de az ESP8266 modul némi különleges kezelést igényel, hogy működjön. Tehát először is, miről szól ez az ESP?

Az ESP8266 leginkább olcsó WiFi chipként ismert, de teljes értékű mikrokontroller egységgel is rendelkezik. Ezáltal ideális olyan projektekhez, amelyek WiFi -t igényelnek, és olyan külső komponenseket vezérelnek, mint a 7 szegmenses kijelző. A programozás USB -soros átalakítóval történik, más néven FTDI -átalakító.

Vázlatos

Az alkatrészek egyszerűen csatlakoztathatók, mint a sematikus ábrán, de itt egy kicsit több információ található.

Először is, az ESP8266 3.3V -ról működik, míg a kijelző (és az USB, amelyet áramellátásra használunk) 5V -ról működik. Ez azt jelenti, hogy szükségünk lesz egy feszültségátalakítóra, hogy az USB 5 V -át 3.3 V -ra alakítsuk az ESP8266 esetében.

Az ESP8266 bekapcsolásakor az egyik "indítási módba" lép, az IO érintkezők feszültségétől függően. Más szóval: ha azt akarjuk, hogy az indításkor futtassa a kódunkat, ezt be kell állítanunk! A program végrehajtásához ez azt jelenti:

• CH_PD - VCC
• RST - VCC
• GPIO0 - VCC
• GPIO2 - VCC

Az eszköz programozásakor ez a következőképpen alakul:

• CH_PD - VCC
• RST - VCC
• GPIO0 - GND
• GPIO2 - VCC

Amint látható, az egyetlen különbség a GPIO0 tüske állapota. Ezért egy nyomógombot használunk a GPIO0 és a GND csatlakoztatásához programozás közben. Indítás után a csapok szabadon használhatók, esetünkben 2 dologra:

1. Bemenetként: egy gomb van csatlakoztatva a GPIO2 -hez.
2. A képernyő vezetése. Mivel több mint 2 jelre van szüksége, a TX és RX vonalat IO -ként is használni fogják.

Most, hogy a működés elmélete nem áll rendelkezésünkre, lefordíthatjuk ezt fizikai tervezéssé.

NYÁK

A nyomtatott áramköri lap elkészítéséhez terveztem egy perfboard/stripboard elrendezést a KiCad -ban (nyílt forráskódú NYÁK -elrendezési szoftver). Ha a rács távolságát 2,54 mm -re (0,1 hüvelyk) állítja be, olyan elrendezéseket készíthet, amelyek forraszthatók a szalaglapra.

Ez rendkívül egyszerűvé teszi az elektronika összeforrasztását: egyszerűen nyomtassa ki a tervet (PDF -ként), és másolja át a deszkára. Használjon fejléceket a képernyő, az FTDI és az ESP8266 csatlakoztatásához.

Forrasztás után vágja le a perfboardot a megfelelő méretre, és csatlakoztassa az összes alkatrészt. Az összeforrasztott elektronikával életet fújhatunk beléjük valamilyen kóddal!

3. lépés: Az ESP8266 programozása

A könyvtárak beállítása

Mielőtt bármilyen kódot feltölthetnénk a táblára az Arduino IDE használatával, hozzá kell adnunk annak könyvtárait. Ezt a következő lépések végrehajtásával teheti meg:

1. Lépjen a Fájl> Beállítások elemre, és illessze be a következő linket a "További fórumkezelő URL -ek" mezőbe:
2. Lépjen az Eszközök> Táblák> Fórumkezelő menüpontra, és keresse meg az ESP8266 parancsot
3. Ebben az ablakban telepítse a legújabb csomagot
4. Indítsa újra az IDE -t
5. Az Eszközök> Táblák menüben válassza ki a "Generic ESP8266 Module" fórumot
6. Nyissa meg a vázlatot, és jelenítse meg (ctrl+R), hogy ellenőrizze, hogy a tábla helyesen lett -e hozzáadva.

A kód feltöltése

Eszközünk programozásához programozási módba kell kapcsolnunk, és csatlakoztatnunk kell az FTDI megszakító kártyához. Ezt úgy teheti meg, hogy a megfelelő csapokat a VCC -hez vagy a GND -hez húzza, és a csatlakozásokat az alább felsoroltak szerint hozza létre.

• CH_PD - VCC
• RST - VCC
• GPIO0 - GND
• GPIO2 - VCC
• RX - TX az FTDI -ből
• TX -ről FTDI -re

Szerencsére minden csatlakozás, amely ezeket a csatlakozásokat tartalmazza, megtalálható a PCB -n. Először kenyérsütőn próbáltam ki, és mint látható, kissé ügyetlen. Tehát a kód feltöltéséhez:

1. Távolítsa el a kijelzőt, és csatlakoztassa az FTDI -t
2. Az USB -kábel csatlakoztatásakor tartsa lenyomva a program gombot
3. Töltse fel a kódot. A feltöltés után a "Set net" feliratot kell megjeleníteni

Lehetséges hibák

Feltöltéskor hibaüzenetet kaphat, például "error: espcomm_upload_mem_failed", egyszerűen töltse fel újra a kódot. Ha a kijelző üres marad a bekapcsoláskor, töltse fel újra a kódot.

A kód futtatása

Az imént feltöltött kód futtatásához le kell tiltani a programozási módot úgy, hogy a GPIO0 tűt a VCC -re húzzuk. Vagy esetünkben kapcsolja be a készüléket anélkül, hogy megnyomná a program gombot.

A feltöltött és futó kóddal most konfigurálhatjuk a nézetszámlálónkat!

4. lépés: A Viewcounter beállítása

A nézetszámláló konfigurálása egy weboldal felületén keresztül történik. Ez lehetővé teszi a beállítások menet közbeni megváltoztatását, ahelyett, hogy minden alkalommal újra kellene töltenie a kódot.

A webszerver konfigurálása

1. Kapcsolja be a készüléket, és várja meg, amíg a "set net" megjelenik
2. Nyomja meg a Mode gombot, a készülék a "setup" feliratot jeleníti meg
3. A számítógépen nyissa meg a WiFi hálózatokat, és válassza az "Instructables Hit Counter" lehetőséget (Ha jelszót kér, írja be a "password" -t.)
4. Meg kell nyitnia egy böngészőablakot (különben nyissa meg magát, és írja be a 192.168.4.1)
5. Megnyílik egy oldal, nyomja meg a "WiFi konfigurálása" gombot
6. Válasszon hálózatot, és írja be a jelszavát. Töltsön ki egy statikus IP -t, átjárót és alhálózatot
7. Kattintson a Mentés gombra, és megjelenik egy megerősítő oldal

Most, hogy az ESP8266 csatlakozik a WiFi hálózatunkhoz, kitölthetjük az utasítható hitelesítő adatainkat.

Felhasználói beállítás

1. Nyisson meg egy böngészőt, és írja be az előző lépésben kiválasztott statikus IP -címet.
2. Lépjen a "Felhasználói beállítások" fülre
3. Töltse ki az Instructables nevét, és mentse
4. Egy adott Instructable nézeteinek megtekintéséhez kövesse az oldalon található utasításokat
5. Nyomja meg a Mentés gombot, a nézetei most megjelennek!
6. További lehetőségekért nézze meg a beállításokat;)

A számláló most teljesen működőképes, de még mindig kissé unalmasnak tűnik. Változtassunk ezen egy fantasztikus eset elkészítésével!

jegyzet

Ennek a projektnek a kódja ettől a félelmetes fickótól származik: https://www.instructables.com/id/Instructables-Hi… A kód minden elismerése őt illeti, én csak arra használom, hogy elkészítsem a saját verziómat a projektről. A fő ok, amiért ezt írom, az, hogy össze kellett adnom néhány dolgot, hogy működjön (például az ESP8266 programozása, a könyvtárak hozzáadása, az oktatható anyagok azonosítójának megszerzése, a NYÁK elkészítése …), és teljes önálló útmutatót akartam készíteni.

5. lépés: Burkolat

Ez az a rész, ahol szuper kreatív lehet. Bármelyik eset működhet, de egy szép elkészítésével megtörténhet vagy megszakadhat egy projekt. Ezért úgy döntöttem, hogy az enyémet Lego -ból készítem!

A képernyő felszerelése

A képernyő rögzítéséhez azt tapasztaltam, hogy egy "oldaltámasz nélküli Lego panel" tökéletesen illeszkedik a képernyőhöz. Csak egy hátránya van: kétszer olyan széles, mint szeretném … Szerencsére ez könnyen megoldható ketté vágva. Most van egy szép tartó a kijelzőhöz, és jó kiindulópont az egész tokhoz!

A levelek készítése

Annak érdekében, hogy nyilvánvalóvá váljon, hogy ez egy nézetszámláló, fel akartam venni egy címkét, amelyen "megtekintések" szerepelnek. De aztán arra gondoltam, miért használjunk hülye címkét, ha a Legóból leveleket lehet készíteni? Tehát ezt tettem! A betűket közelről is beraktam, hogy könnyebben megismételhessék őket.

A robot elkészítése

Kerestem valamit, amivel befejezhetem ezt az építkezést, és rábukkantam erre a félelmetes tanulságosra:

A Lego -ból épített oktatható robot, tökéletes társ a nézetszámlálóhoz! Nem részletezem az elkészítésének részletes lépéseit, mivel az eredeti utasításban lépésről lépésre elmagyarázzuk. Kis kísérőnk az ügy utolsó befejezése; végeztünk!

6. lépés: Tesztelj és élvezd

Végeztünk! Már csak az új nézetszámlálónk tesztelése van hátra.

Csatlakoztassa egy USB -porthoz, és csodálja meg nézeteit! Remélem, tetszett a projekt, és inspirált valami hasonló elkészítésére.

Nyugodtan nézze meg a többi utasításomat is: