Instructables View Counter + ESP8266 Guide: 6 Steps (with Pictures)

2024 Autor: John Day | [email protected]. Naposledy změněno: 2024-01-30 08:24

Počítadla odběratelů pro Youtube a Facebook jsou celkem běžná, ale proč neudělat něco podobného pro Instructables? Přesně to uděláme: v tomto instruktážním programu vytvoříme čítač zobrazení Instructables!

Pohledy budou muset být zachyceny z interwebů, takže k získání požadovaných informací použijeme běžný (a levný) WiFi modul ESP8266. Potřebuje nějakou konfiguraci, ale projdu všechny kroky nutné k jeho uvedení do provozu.

Aby byl projekt co nejpřístupnější (tj. Nevyžadující 3D tiskárnu, laserový řezač nebo urychlovač částic), rozhodl jsem se pro případ použít Lego! Vyhoďte tedy ten koš Lego a pojďme stavět!

Krok 1: Díly a nástroje

Díly

• ESP8266 ESP-01
• MAX7219 7místný modul LED displeje
• 3,3 V kompatibilní FTDI breakout (programátor)
• Záhlaví pinů
• 4x 10k Ohm odpor
• 2x tlačítko
• 2x 10uF kondenzátor
• 3.3V regulátor (LM1117-3.3V)
• USB kabel
• Lego!

Celkové náklady: <10 $

Nástroje

Páječka

Krok 2: Elektronika

Začněme projekt stavbou okruhu.

Elektronika projektu není příliš komplikovaná, ale modul ESP8266 vyžaduje určité zvláštní zacházení, aby fungoval. Takže za prvé, o čem je ta věc ESP?

ESP8266 je nejlépe známý jako levný WiFi čip, ale má také plnohodnotnou schopnost jednotky mikrokontroléru. Díky tomu je ideální pro projekty, které vyžadují WiFi a ovládání externích komponent, jako je náš 7segmentový displej. Programování se provádí pomocí převodníku USB na sériový port, který se také nazývá převodník FTDI.

Schéma

Komponenty lze jednoduše připojit podle schématu, ale zde je uvedeno trochu více informací.

Za prvé, ESP8266 pracuje od 3,3 V, zatímco displej (a USB, které použijeme pro napájení) pracuje na 5 V. To znamená, že budeme potřebovat měnič napětí k transformaci 5V USB na 3,3V pro ESP8266.

Při zapnutí ESP8266 vstoupí do jednoho ze svých „zaváděcích režimů“v závislosti na napětí na jeho IO pinech. Jinými slovy: pokud chceme, aby při spuštění spustil náš kód, budeme to muset nakonfigurovat! Pro spuštění programu to znamená:

• CH_PD na VCC
• RST až VCC
• GPIO0 až VCC
• GPIO2 až VCC

Při programování zařízení to znamená:

• CH_PD na VCC
• RST až VCC
• GPIO0 až GND
• GPIO2 až VCC

Jak je vidět, jediným rozdílem je stav pinu GPIO0. Proto při programování použijeme tlačítko pro připojení GPIO0 k GND. Po spuštění lze piny volně používat, v našem případě na 2 věci:

1. Jako vstup: k GPIO2 je připojeno tlačítko.
2. Řízení obrazovky. Protože potřebuje více než 2 signály, bude řada TX a RX použita také jako IO.

Nyní, když máme teorii provozu z cesty, můžeme to přeložit do fyzického návrhu.

PCB

Pro výrobu DPS jsem navrhl rozvržení perfboard/stripboard v KiCad (open source software pro rozvržení DPS). Nastavením rozteče mřížky na 2,54 mm (0,1 palce) můžete vytvářet rozvržení, která lze připájet na stripboard.

Díky tomu je velmi snadné pájet elektroniku dohromady: jednoduše vytiskněte design (přiložen jako PDF) a zkopírujte design na stripboard. Pomocí konektorových kolíků propojte obrazovku, FTDI a ESP8266.

Po pájení ustřihněte perfboard na správnou velikost a zapojte všechny součásti. S pájenou elektronikou do nich můžeme vdechnout život nějakým kódem!

Krok 3: Programování ESP8266

Nastavení knihoven

Než budeme moci nahrát jakýkoli kód na desku pomocí Arduino IDE, budeme muset přidat jeho knihovny. To lze provést podle následujících kroků:

1. Přejděte na Soubor> Předvolby a vložte následující odkaz do pole „Další adresy URL správce tabule“:
2. Přejděte na Nástroje> Desky> Správce desek a vyhledejte ESP8266
3. Z tohoto okna nainstalujte nejnovější balíček
4. Restartujte IDE
5. V nabídce Nástroje> Desky vyberte jako desku „Obecný modul ESP8266“
6. Otevřete skicu a vykreslete ji (ctrl+R), abyste zjistili, zda byla deska přidána správně.

Nahrání kódu

Abychom mohli naprogramovat naše zařízení, budeme ho muset přepnout do režimu programování a připojit jej k desce FTDI breakout. To lze provést vytažením příslušných kolíků do VCC nebo GND a provedením připojení, jak je uvedeno níže.

• CH_PD na VCC
• RST až VCC
• GPIO0 až GND
• GPIO2 až VCC
• RX až TX FTDI
• TX až RX FTDI

Naštěstí jsou všechna připojení, která tato připojení již existují, na naší desce plošných spojů. Nejprve jsem to zkoušel na prkénku a jak vidíte, je to trochu nemotorné. Chcete -li tedy nahrát kód:

1. Demontujte displej a připojte FTDI
2. Při připojování kabelu USB podržte tlačítko programu
3. Nahrajte kód. Po nahrání by se mělo zobrazit „Nastavit síť“

Možné chyby

Při nahrávání se může zobrazit chyba jako „chyba: espcomm_upload_mem_failed“, jednoduše znovu načtěte kód. Pokud displej při zapnutí zůstane prázdný, kód také znovu načtěte.

Spuštění kódu

Chcete -li spustit kód, který jsme právě nahráli, režim programování by měl být deaktivován vytažením kolíku GPIO0 do VCC. Nebo v našem případě zapněte zařízení bez stisknutí tlačítka programu.

S nahraným a spuštěným kódem můžeme nyní konfigurovat naše počitadlo zobrazení!

Krok 4: Nastavení Viewcounteru

Konfigurace čítače zobrazení se provádí prostřednictvím rozhraní webové stránky. To umožňuje měnit nastavení za běhu, místo aby bylo nutné pokaždé znovu načítat kód.

Konfigurace webového serveru

1. Zapněte jednotku a počkejte, až se zobrazí „set net“
2. Stiskněte tlačítko Mode, zařízení zobrazí „nastavení“
3. Na počítači přejděte do sítí WiFi a vyberte „Counterables Hit Counter“(Když budete vyzváni k zadání hesla, zadejte „heslo“.)
4. Mělo by se otevřít okno prohlížeče (jinak otevřete sami a zadejte 192.168.4.1)
5. Otevře se stránka, stiskněte „Konfigurovat WiFi“
6. Vyberte síť a zadejte heslo. Vyplňte statickou IP adresu, bránu a podsíť
7. Stiskněte Uložit, zobrazí se stránka s potvrzením

Nyní, když je ESP8266 připojen k naší WiFi síti, můžeme vyplnit naše instruktabilní pověření.

Nastavení uživatele

1. Otevřete prohlížeč a zadejte statickou IP adresu, kterou jste vybrali v předchozím kroku.
2. Přejděte na kartu „Nastavení uživatele“
3. Vyplňte své jméno Instructables a uložte
4. Chcete -li zobrazit pohledy konkrétního Instructable, postupujte podle pokynů na stránce
5. Klikněte na Uložit, vaše zobrazení se nyní zobrazí!
6. Další možnosti najdete v nastavení;)

Počitadlo je nyní plně funkční, ale stále vypadá trochu nudně. Pojďme to změnit vytvořením úžasného případu!

Poznámka

Kód tohoto projektu pochází od tohoto úžasného člověka: https://www.instructables.com/id/Instructables-Hi… Veškerý kredit za kód jde jemu, já jej pouze používám k vytvoření vlastní verze projektu. Hlavním důvodem, proč to píšu, je to, že jsem musel skládat některé věci dohromady, aby to fungovalo (například jak naprogramovat ESP8266, přidání knihoven, získání ID instruktable, výroba DPS, …) a chtěl jsem vytvořit úplného samostatného průvodce..

Krok 5: Pouzdro

Toto je část, kde můžete být super kreativní. Každý případ může fungovat, ale udělat hezký projekt může způsobit nebo ho zlomit. Proto jsem se rozhodl udělat svůj z Lega!

Montáž obrazovky

Abych obrazovku zafixoval na místě, zjistil jsem, že „panel Lego bez boční opory“k obrazovce perfektně sedí. Existuje pouze jedna nevýhoda: je dvakrát tak široká, jak bych chtěl … Naštěstí to lze snadno vyřešit snížením na 2. Nyní máme pěkný držák pro displej a dobrý výchozí bod pro celý případ!

Vytváření písmen

Aby bylo jasnější, že se jedná o počítadlo zobrazení, chtěl jsem přidat štítek s „pohledy“. Ale pak jsem si řekl, proč používat hloupý štítek, když můžete dělat písmena z Lega? Tak jsem to udělal! Zahrnul jsem zblízka písmena, aby se snadněji replikovaly.

Výroba robota

Hledal jsem něco na dokončení této stavby a narazil jsem na tento úžasný návod:

Instruktovatelný robot postavený z Lega, perfektní společník pro hledáček! Nebudu se zde zabývat podrobnými kroky, jak to udělat, protože je to vysvětleno krok za krokem v původním pokynu. Náš malý společník je posledním bodem našeho případu; máme hotovo!

Krok 6: Testujte a užívejte si

Máme hotovo! Jediná věc, kterou musíte udělat, je otestovat náš nový čítač zobrazení.

Připojte jej k portu USB a obdivujte své názory! Doufám, že se vám projekt líbil a jste inspirováni k vytvoření něčeho podobného.

Neváhejte se podívat na mé další instruktážní materiály: