Բովանդակություն:

Instructables View Counter + ESP8266 ուղեցույց. 6 քայլ (նկարներով)
Instructables View Counter + ESP8266 ուղեցույց. 6 քայլ (նկարներով)

Video: Instructables View Counter + ESP8266 ուղեցույց. 6 քայլ (նկարներով)

Video: Instructables View Counter + ESP8266 ուղեցույց. 6 քայլ (նկարներով)
Video: Subscriber and total view counter | NodeMCU ESP8266 MAX7219 2024, Նոյեմբեր
Anonim

Youtube- ի և Facebook- ի բաժանորդների հաշվիչները բավականին տարածված են, բայց ինչու՞ նման բան չստեղծել Instructables- ի համար: Դա հենց այն է, ինչ մենք անելու ենք.

Տեսարանները պետք է վերցվեն միջքաղաքային ցանցերից, այնպես որ մենք կօգտագործենք ընդհանուր (և էժան) ESP8266 WiFi մոդուլը `անհրաժեշտ տեղեկատվություն ստանալու համար: Այն որոշակի կազմաձևման կարիք ունի, բայց ես կանցնեմ բոլոր այն քայլերը, որոնք անհրաժեշտ են այն գործարկելու համար:

Նախագիծը հնարավորինս մատչելի պահելու համար (այսինքն ՝ 3D տպիչ, լազերային կտրիչ կամ մասնիկների արագացուցիչ չպահանջելու համար), ես որոշեցի գործի համար օգտագործել Lego- ն: Այսպիսով, դուրս եկեք Lego- ի այդ աղբարկղից և եկեք կառուցենք:

Քայլ 1: Մասեր և գործիքներ

Մասեր և գործիքներ
Մասեր և գործիքներ

Մասեր

  • ESP8266 ESP-01
  • MAX7219 7 թվանշանի LED ցուցադրման մոդուլ
  • 3.3V համատեղելի FTDI բեկում (ծրագրավորող)
  • Ամրացնել վերնագրերը
  • 4x 10k Օմ դիմադրություն
  • 2x կոճակ
  • 2x 10uF կոնդենսատոր
  • 3.3 Վ կարգավորիչ (LM1117-3.3V)
  • USB մալուխ
  • Լեգո!

Ընդհանուր արժեքը `<10 $

Գործիքներ

Oldոդման երկաթ

Քայլ 2: Էլեկտրոնիկա

Էլեկտրոնիկա
Էլեկտրոնիկա
Էլեկտրոնիկա
Էլեկտրոնիկա
Էլեկտրոնիկա
Էլեկտրոնիկա

Եկեք սկսենք նախագիծը `կառուցելով շրջանը:

Նախագծի էլեկտրոնիկան այնքան էլ բարդ չէ, բայց ESP8266 մոդուլը որոշակի աշխատանքի կարիք ունի `այն գործարկելու համար: Այսպիսով, առաջին հերթին, ինչի՞ մասին է այս ESP- ը:

ESP8266- ը առավել հայտնի է որպես էժան WiFi չիպ, բայց ունի նաև միկրոկոնտրոլերի լիարժեք միավորի հնարավորություն: Սա այն դարձնում է իդեալական այն նախագծերի համար, որոնք պահանջում են WiFi և արտաքին բաղադրիչների վերահսկում, ինչպես մեր 7 հատվածի էկրանը: Mingրագրավորումը կատարվում է USB- ի սերիական փոխարկիչով, որը նաև կոչվում է FTDI փոխարկիչ:

Սխեմատիկ

Բաղադրիչները կարող են պարզապես միացվել ինչպես սխեմատիկում, բայց այստեղ մի փոքր ավելի շատ տեղեկատվություն է տրվում:

Նախևառաջ, ESP8266- ն աշխատում է 3.3 Վ -ից, մինչդեռ էկրանը (և USB- ը, որը մենք կօգտագործենք էներգիայի համար) աշխատում է 5 Վ լարման վրա: Սա նշանակում է, որ մեզ անհրաժեշտ կլինի լարման փոխարկիչ ՝ ESP8266- ի համար USB- ի 5V- ը 3.3V- ի վերածելու համար:

ESP8266- ը միացնելիս այն կմտնի իր «բեռնման ռեժիմներից» մեկը ՝ կախված իր IO կապում լարվածությունից: Այլ կերպ ասած.

  • CH_PD դեպի VCC
  • RST դեպի VCC
  • GPIO0 դեպի VCC
  • GPIO2 դեպի VCC

Մինչ սարքը ծրագրավորելու համար սա թարգմանվում է.

  • CH_PD դեպի VCC
  • RST դեպի VCC
  • GPIO0- ից GND
  • GPIO2 դեպի VCC

Ինչպես երևում է, միակ տարբերությունը GPIO0 քորոցի վիճակն է: Հետևաբար, մենք մեզ կտանք կոճակ ՝ ծրագրավորման ժամանակ GPIO0- ը GND- ին միացնելու համար: Բեռնաթափումից հետո քորոցները կարող են օգտագործվել ազատ, մեր դեպքում ՝ 2 բանի համար.

  1. Որպես մուտք ՝ կա GPIO2- ին միացված կոճակ:
  2. Էկրանի վարում: Քանի որ այն ավելի քան 2 ազդանշանի կարիք ունի, TX և RX տողերը նույնպես կօգտագործվեն որպես IO:

Այժմ, երբ մենք ունենք շահագործման տեսությունը `ճանապարհից դուրս, մենք կարող ենք դա թարգմանել ֆիզիկական ձևավորման:

PCB

PCB- ն պատրաստելու համար ես նախագծել եմ KiCad- ում տախտակի/շերտի տախտակի դասավորություն (բաց կոդով PCB- ի դասավորության ծրագիր): Settingանցի տարածությունը 2.54 մմ (0.1 դյույմ) սահմանելով, կարող եք դասավորություններ կազմել, որոնք կարելի է զոդել տախտակի վրա:

Սա չափազանց հեշտ է դարձնում էլեկտրոնիկայի սոսնձումը. Պարզապես տպեք դիզայնը (ներառված է որպես PDF) և պատճենեք դիզայնը տախտակի վրա: Էկրանի, FTDI- ի և ESP8266- ի միացման համար օգտագործեք վերնագրի կապում:

Soldոդումից հետո կտրեք տախտակը ճիշտ չափի և միացրեք բոլոր բաղադրիչները: Միասին զոդված էլեկտրոնիկայի միջոցով մենք կարող ենք ինչ -որ ծածկագրով կյանք փչել դրանց մեջ:

Քայլ 3. ESP8266- ի ծրագրավորում

ESP8266 ծրագրավորում
ESP8266 ծրագրավորում
ESP8266 ծրագրավորում
ESP8266 ծրագրավորում

Գրադարանների ստեղծում

Նախքան Arduino IDE- ի միջոցով տախտակ ներբեռնելը, մենք պետք է ավելացնենք դրա գրադարանները: Դա կարելի է անել ՝ հետևելով հետևյալ քայլերին.

  1. Գնացեք Ֆայլ> Նախապատվություններ և տեղադրեք հետևյալ հղումը «Տախտակի կառավարչի լրացուցիչ հասցեներ» վանդակում ՝
  2. Գնացեք Գործիքներ> Տախտակներ> Տախտակների կառավարիչ և փնտրեք ESP8266
  3. Այս պատուհանից տեղադրեք վերջին փաթեթը
  4. Վերագործարկեք IDE- ն
  5. Գործիքներ> Տախտակներ ընտրեք «Ընդհանուր ESP8266 մոդուլ» որպես տախտակ
  6. Բացեք ուրվագիծը և մատուցեք այն (ctrl+R) ՝ տեսնելու, թե արդյոք տախտակը ճիշտ է ավելացվել:

Կոդի վերբեռնում

Մեր սարքը ծրագրավորելու համար մենք պետք է այն դնենք ծրագրավորման ռեժիմ և միացնենք այն FTDI բեկման տախտակին: Դա կարող է կատարվել ՝ համապատասխան կապումները քաշելով VCC կամ GND և կապեր հաստատելով, ինչպես նշված է ստորև:

  • CH_PD դեպի VCC
  • RST դեպի VCC
  • GPIO0- ից GND
  • GPIO2 դեպի VCC
  • FTDI- ի RX- ից TX- ը
  • FTDI- ի TX- ից RX- ը

Բարեբախտաբար, այդ կապերն արդեն առկա են մեր PCB- ում: Ես նախ փորձեցի այն տախտակի վրա, և ինչպես տեսնում եք, դա մի փոքր անշնորհք է: Այսպիսով, կոդը վերբեռնելու համար.

  1. Հեռացրեք էկրանը և միացրեք FTDI- ը
  2. USB մալուխը միացնելիս պահեք ծրագրի կոճակը
  3. Վերբեռնեք ծածկագիրը: Բեռնելուց հետո պետք է ցուցադրվի «Սահմանել ցանցը»

Հնարավոր սխալներ

Հնարավոր է, որ սխալ ստանաք «error: espcomm_upload_mem_failed» բեռնելիս, պարզապես վերաբեռնեք ծածկագիրը: Եթե էկրանը դատարկ է մնում սնուցման ժամանակ, ապա նաև վերբեռնեք ծածկագիրը:

Գործարկում է կոդը

Մեր կողմից վերբեռնված կոդը գործարկելու համար ծրագրավորման ռեժիմը պետք է անջատված լինի ՝ GPIO0 կապը քաշելով VCC: Կամ մեր դեպքում սարքը միացրեք առանց ծրագրի կոճակը սեղմելու:

Վերբեռնված և գործարկված ծածկագրով մենք այժմ կարող ենք կարգավորել մեր դիտման հաշվիչը:

Քայլ 4: Կարգավորեք Viewcounter- ը

Կարգավորեք Viewcounter- ը
Կարգավորեք Viewcounter- ը
Կարգավորեք Viewcounter- ը
Կարգավորեք Viewcounter- ը
Կարգավորեք Viewcounter- ը
Կարգավորեք Viewcounter- ը

Viewcounter- ի կազմաձևումը կատարվում է վեբ էջի ինտերֆեյսի միջոցով: Սա թույլ է տալիս փոխել կարգավորումները թռիչքի փոխարեն ՝ ամեն անգամ ծածկագիրը նորից վերբեռնելու անհրաժեշտության փոխարեն:

Վեբ սերվերի կազմաձևում

  1. Միացրեք սարքը և սպասեք «set net» - ի ցուցադրմանը
  2. Սեղմեք ռեժիմի կոճակը, սարքը ցույց կտա «կարգավորում»
  3. Ձեր համակարգչի վրա գնացեք ձեր WiFi ցանցեր և ընտրեք «Instructables Hit Counter» (գաղտնաբառ խնդրելիս մուտքագրեք «գաղտնաբառ»):
  4. Browserննարկչի պատուհանը պետք է բացվի (այլապես ինքներդ բացեք և մուտքագրեք 192.168.4.1)
  5. Բացվում է էջ, կտտացրեք «Կարգավորել WiFi»
  6. Ընտրեք ցանց և մուտքագրեք ձեր գաղտնաբառը: Լրացրեք ստատիկ IP, դարպաս և ենթացանց
  7. Կտտացրեք պահպանել, կհայտնվի հաստատման էջ

Այժմ, երբ ESP8266- ը միացված է մեր WiFi ցանցին, մենք կարող ենք լրացնել մեր Ուսուցողական հավատարմագրերը:

Օգտվողի կարգավորում

  1. Բացեք դիտարկիչը և մուտքագրեք ձեր ընտրած ստատիկ IP- ն նախորդ քայլին:
  2. Գնացեք «Օգտվողի կարգավորում» ներդիրին
  3. Լրացրեք ձեր Instructables անունը և պահեք
  4. Հատուկ Instructable- ի տեսակետները տեսնելու համար հետևեք էջի հրահանգներին
  5. Կտտացրեք պահպանել, այժմ ձեր դիտումները կցուցադրվեն:
  6. Լրացուցիչ ընտրանքների համար ուսումնասիրեք կարգավորումները;)

Հաշվիչն այժմ լիովին գործում է, բայց դեռ մի փոքր ձանձրալի տեսք ունի: Եկեք փոխենք դա ՝ ստեղծելով հիանալի գործ:

Նշում

Այս նախագծի ծածկագիրը գալիս է այս հիանալի տղայից. Հիմնական պատճառը, որ ես գրում եմ սա, այն է, որ ես ստիպված էի մի քանի բան իրար հետ գլուխ հանել այն աշխատեցնելու համար (օրինակ ՝ ինչպես ծրագրավորել ESP8266- ը, ավելացնել գրադարանները, ստանալ հրահանգվող ID- ն, պատրաստել PCB և այլն) և ցանկանում էի կազմել ամբողջական ինքնուրույն ուղեցույց.

Քայլ 5: պատյան

Պատյան
Պատյան
Պատյան
Պատյան
Պատյան
Պատյան

Սա այն հատվածն է, որտեղ դուք կարող եք սուպեր ստեղծագործել: Caseանկացած դեպք կարող է աշխատել, բայց գեղեցիկ դարձնելը կարող է նախագիծ դարձնել կամ քանդել: Հետևաբար, ես որոշեցի իմը պատրաստել Lego- ից:

Էկրանի տեղադրում

Էկրանը տեղում ամրացնելու համար ես գտա, որ «Lego վահանակն առանց կողմնակի աջակցության» հիանալի տեղավորվում է էկրանին: Կա միայն մեկ բացասական կողմ. Այն երկու անգամ ավելի լայն է, քան ես կցանկանայի … Բարեբախտաբար, դա հեշտությամբ լուծվում է այն 2 -ով կտրելով: Այժմ մենք ունենք գեղեցիկ ամրակ ցուցադրման համար և լավ ելակետ ամբողջ գործի համար:

Տառերի պատրաստում

Ավելի ակնհայտ դարձնելու համար, որ սա դիտման հաշվիչ է, ես ուզում էի ներառել «դիտումներով» պիտակ: Բայց հետո ես մտածեցի ՝ ինչո՞ւ հիմար պիտակ օգտագործել, երբ կարող ես Լեգոյից տառեր պատրաստել: Ահա և այն, ինչ ես արեցի: Ես տառերը մոտիկից ներառեցի այնպես, որ դրանք ավելի հեշտ կրկնօրինակվեն:

Ռոբոտի պատրաստում

Ես ինչ-որ բան էի փնտրում այս շինությունն ավարտելու համար և պատահաբար հանդիպեցի այս հիանալի ուսանելիին ՝

Lego- ից պատրաստված ուսանելի ռոբոտը, որը կատարյալ ուղեկից է դիտման հաշվիչի համար: Չեմ անդրադառնա այստեղ պատրաստելու մանրամասն քայլերին, քանի որ այն քայլ առ քայլ բացատրվում է օրիգինալ հրահանգով: Մեր փոքրիկ ուղեկիցը մեր գործի վերջին շոշափելիքն է. ավարտեցինք

Քայլ 6: Փորձարկեք և վայելեք:

Փորձեք և վայելեք
Փորձեք և վայելեք

Ավարտեցինք: Մնում է միայն ստուգել մեր նոր դիտիչի հաշվիչը:

Միացրեք այն USB պորտին և հիացեք ձեր հայացքներով: Հուսով եմ, որ ձեզ դուր եկավ նախագիծը և ոգեշնչված եք նման բան պատրաստելու համար:

Ազատորեն ստուգեք իմ մյուս հրահանգները ՝

Խորհուրդ ենք տալիս: