Instructables View Counter + ESP8266 Guide: 6 trinn (med bilder)

2024 Forfatter: John Day | [email protected]. Sist endret: 2024-01-30 11:25

Abonnentteller for Youtube og Facebook er ganske vanlige, men hvorfor ikke lage noe lignende for Instructables?

Visningene må hentes fra interwebs, så vi bruker den vanlige (og billige) ESP8266 WiFi -modulen for å få nødvendig informasjon. Den trenger litt konfigurasjon, men jeg skal gå igjennom alle trinnene som kreves for å få den i gang.

For å holde prosjektet så tilgjengelig som mulig (dvs. ikke krever en 3D -skriver, laserskjærer eller partikkelakselerator) bestemte jeg meg for å bruke Lego til saken! Så kom deg ut av lego -esken, og la oss bygge!

Trinn 1: Deler og verktøy

Deler

• ESP8266 ESP-01
• MAX7219 7 -sifret LED -displaymodul
• 3.3V kompatibel FTDI breakout (programmerer)
• Pin hoder
• 4x 10k Ohm motstand
• 2x trykknapp
• 2x 10uF kondensator
• 3.3V regulator (LM1117-3.3V)
• USB-kabel
• Lego!

Total kostnad: <10 $

Verktøy

Loddejern

Trinn 2: Elektronikk

La oss starte prosjektet med å bygge kretsen.

Elektronikken til prosjektet er ikke veldig komplisert, men ESP8266 -modulen krever spesiell behandling for å få det til å fungere. Så først og fremst, hva handler denne ESP -saken om?

ESP8266 er best kjent som en rimelig WiFi-chip, men den har også en fullverdig mikrokontroller-enhet. Dette gjør den ideell for prosjekter som krever WiFi og kontroll av eksterne komponenter som vår 7 -segmenters skjerm. Programmeringen utføres med en USB til serieomformer, også kalt en FTDI -omformer.

Skjematisk

Komponentene kan ganske enkelt kobles til som i skjematisk, men litt mer informasjon er gitt her.

Først og fremst opererer ESP8266 fra 3,3V, mens displayet (og USB -en som vi bruker til strøm), fungerer på 5V. Dette betyr at vi trenger en spenningsomformer for å transformere 5V på USB til 3.3V for ESP8266.

Når du slår på ESP8266, går den inn i en av "oppstartsmodusene", avhengig av spenningen ved IO -pinnene. Med andre ord: hvis vi vil at den skal kjøre koden vår når den starter, må vi konfigurere dette! For programkjøring betyr dette:

• CH_PD til VCC
• RST til VCC
• GPIO0 til VCC
• GPIO2 til VCC

Mens for programmering av enheten, oversetter dette til:

• CH_PD til VCC
• RST til VCC
• GPIO0 til GND
• GPIO2 til VCC

Som du kan se, er den eneste forskjellen tilstanden til GPIO0 -pinnen. Derfor vil vi bruke en trykknapp for å koble GPIO0 til GND når du programmerer. Etter oppstart kan pinnene brukes fritt, i vårt tilfelle for 2 ting:

1. Som inngang: det er en knapp koblet til GPIO2.
2. Kjører skjermen. Siden den trenger mer enn 2 signaler, vil TX- og RX -linjen også bli brukt som IO.

Nå som vi har teorien om drift ute av veien, kan vi oversette dette til en fysisk design.

PCB

For å lage kretskortet designet jeg et perfboard/stripboard -oppsett i KiCad (en åpen kildekode PCB -layoutprogramvare). Ved å sette rutenettet til 2,54 mm (0,1 tommer), kan du lage oppsett som kan loddes på stripboard.

Dette gjør det superenkelt å lodde elektronikken sammen: Bare skriv ut designet (inkludert som PDF) og kopier designet på tavlen. Bruk topptekst til å koble til skjermen, FTDI og ESP8266.

Etter lodding, kutt perfboardet til riktig størrelse og plugg inn alle komponentene. Med elektronikken loddet sammen kan vi blåse liv i dem med litt kode!

Trinn 3: Programmering av ESP8266

Sette opp bibliotekene

Før vi kan laste opp noen kode til tavlen ved hjelp av Arduino IDE, må vi legge til bibliotekene. Dette kan gjøres ved å følge de neste trinnene:

1. Gå til Fil> Innstillinger og lim inn følgende lenke i boksen "Ytterligere nettadresser for styringsleder":
2. Gå til Verktøy> Boards> Boards Manager og søk etter ESP8266
3. Installer den siste pakken fra dette vinduet
4. Start IDE på nytt
5. Fra Verktøy> Plater velger du "Generisk ESP8266 -modul" som et tavle
6. Åpne skissen og gjengi den (ctrl+R) for å se om tavlen er lagt riktig til.

Laster opp koden

For å programmere enheten vår, må vi sette den i programmeringsmodus og koble den til FTDI breakout -kortet. Dette kan gjøres ved å trekke de riktige pinnene til VCC eller GND og gjøre tilkoblingene som angitt nedenfor.

• CH_PD til VCC
• RST til VCC
• GPIO0 til GND
• GPIO2 til VCC
• RX til TX av FTDI
• TX til RX av FTDI

Heldigvis er alle tilkoblinger disse tilkoblingene allerede tilstede på kretskortet vårt. Jeg prøvde det på et brødbrett først, og som du kan se, er det litt klønete. Så for å laste opp kode:

1. Fjern skjermen og plugg inn FTDI
2. Hold inne programknappen når du kobler til USB -kabelen
3. Last opp koden. Etter opplasting skal "Sett netto" vises

Mulige feil

Du kan få en feilmelding når du laster opp som "error: espcomm_upload_mem_failed", bare last opp koden på nytt. Hvis displayet forblir tomt ved oppstart, må du også laste opp koden på nytt.

Kjører koden

For å kjøre koden vi nettopp lastet opp, bør programmeringsmodus deaktiveres ved å trekke GPIO0 -pinnen til VCC. Eller i vårt tilfelle, slå på enheten uten å trykke på programknappen.

Med koden lastet opp og kjører, kan vi nå konfigurere viewcounteren vår!

Trinn 4: Konfigurere Viewcounter

Konfigurasjonen av visningstelleren gjøres via et grensesnitt på en webside. Dette gjør det mulig å endre innstillingene i farten i stedet for å måtte laste opp koden hver gang.

Konfigurere webserveren

1. Slå på enheten og vent til "sett nett" vises
2. Trykk på Mode -knappen, enheten vil vise "setup"
3. På din PC, gå til WiFi -nettverkene dine og velg "Instructables Hit Counter" (Skriv inn 'passord' når du blir bedt om et passord.)
4. Et nettleservindu skal åpnes (ellers åpner du det selv og skriver inn 192.168.4.1)
5. En side åpnes, trykk "Konfigurer WiFi"
6. Velg et nettverk og skriv inn passordet ditt. Fyll ut en statisk IP, gateway og delnett
7. Trykk på lagre, en bekreftelsesside vises

Nå som ESP8266 er koblet til vårt WiFi -nettverk, kan vi fylle ut våre instruksjonsopplysninger.

Brukeroppsett

1. Åpne en nettleser og skriv inn den statiske IP -en du valgte i forrige trinn.
2. Gå til kategorien "Brukeroppsett"
3. Fyll ut Instructables -navnet ditt og lagre
4. For å se utsikten til en bestemt Instructable, følg instruksjonene på siden
5. Trykk på lagre, visningene dine vil nå bli vist!
6. For flere alternativer, utforsk innstillingene;)

Telleren er nå fullt funksjonell, men ser fortsatt litt kjedelig ut. La oss endre det ved å lage en fantastisk sak!

Merk

Koden til dette prosjektet kommer fra denne fantastiske fyren: https://www.instructables.com/id/Instructables-Hi… All ære for koden går til ham, jeg bruker den bare til å lage min egen versjon av prosjektet. Hovedårsaken til at jeg skriver dette er fordi jeg måtte pusle noen ting sammen for å få det til å fungere (som hvordan du programmerer ESP8266, legger til bibliotekene, får instruksjons -ID -en, lager PCB, …) og ønsket å lage en komplett frittstående guide.

Trinn 5: Hylster

Dette er delen hvor du kan bli superkreativ. Enhver sak kan fungere, men å lage en fin kan lage eller ødelegge et prosjekt. Derfor bestemte jeg meg for å lage min av Lego!

Montering av skjermen

For å fikse skjermen på plass fant jeg ut at et "Lego -panel uten sidestøtte" passer perfekt til skjermen. Det er bare en ulempe: den er dobbelt så bred som jeg vil … Heldigvis løses dette enkelt ved å kutte den i 2. Vi har nå et fint feste for displayet, og et godt utgangspunkt for hele saken!

Lag bokstavene

For å gjøre det mer åpenbart at dette er en visningsteller, ønsket jeg å inkludere en etikett med "visninger". Men så tenkte jeg, hvorfor bruke en dum etikett når du kan lage bokstaver av Lego? Så det var det jeg gjorde! Jeg inkluderte et nærbilde av bokstavene slik at de er lettere å kopiere.

Å lage roboten

Jeg var på utkikk etter noe for å fullføre denne bygningen, og snublet over denne fantastiske instruerbare:

Den instruerbare roboten bygget av Lego, den perfekte følgesvennen for utsiktsdisken! Jeg vil ikke gå inn på de detaljerte trinnene for å gjøre det her, siden det er forklart trinn for trinn i den originale instruksjonsboken. Vår lille følgesvenn er prikken over i -en i saken vår; vi er ferdige!

Trinn 6: Test og nyt

Vi er ferdige! Det eneste vi må gjøre er å teste den nye visningstelleren vår.

Koble den til en USB -port og beundre utsikten din! Jeg håper du likte prosjektet og ble inspirert til å lage noe lignende.

Sjekk gjerne ut mine andre instrukser: