Instructables View Counter + ESP8266 нұсқаулығы: 6 қадам (суреттермен)

2025 Автор: John Day | [email protected]. Соңғы өзгертілген: 2025-01-23 14:51

Youtube пен Facebook жазылушыларының есептегіштері өте кең таралған, бірақ неге Instructables үшін ұқсас нәрсе жасамасқа? Біз дәл осылай жасаймыз: бұл нұсқаулықта біз Instructables қарау есептегішін жасаймыз!

Көрулерді интервейлерден түсіру қажет, сондықтан біз қажетті ақпаратты алу үшін қарапайым (және арзан) ESP8266 WiFi модулін қолданамыз. Бұл конфигурацияны қажет етеді, бірақ мен оны іске қосу үшін қажет барлық қадамдарды өтемін.

Жобаны мүмкіндігінше қол жетімді ету үшін (мысалы, 3D принтерді, лазерлік кескішті немесе бөлшектерді үдеткішті қажет етпеу үшін), мен корпус үшін Lego қолдануды шештім! Сондықтан Легоның қоқыс жәшігінен шығыңыз және құрылысқа кірісейік!

1 -қадам: Бөлшектер мен құралдар

Бөлшектер

• ESP8266 ESP-01
• MAX7219 7 сандық жарықдиодты дисплей модулі
• 3.3V үйлесімді FTDI үзілуі (бағдарламашы)
• Тақырыптарды бекіту
• 4х 10к Ом резисторы
• 2x басу түймесі
• 2x 10uF конденсатор
• 3.3В реттегіш (LM1117-3.3V)
• USB кабелі
• Lego!

Жалпы құны: <10 доллар

Құралдар

Пісіру темірі

2 -қадам: электроника

Жобаны схеманы құрудан бастайық.

Жобаның электроникасы өте күрделі емес, бірақ ESP8266 модулі оны іске қосу үшін арнайы емдеуді қажет етеді. Біріншіден, бұл ESP туралы не айтуға болады?

ESP8266 арзан Wi-Fi чипі ретінде белгілі, бірақ сонымен қатар микроконтроллердің толыққанды мүмкіндігі бар. Бұл WiFi және біздің 7 сегментті дисплей сияқты сыртқы компоненттерді басқаруды қажет ететін жобалар үшін өте қолайлы етеді. Бағдарламалау USB -ден сериялық түрлендіргішпен жүзеге асады, оны FTDI түрлендіргіші деп те атайды.

Схемалық

Компоненттерді схемадағыдай қосуға болады, бірақ бұл жерде толығырақ ақпарат берілген.

Біріншіден, ESP8266 3.3 В -тан жұмыс істейді, ал дисплей (және біз қуат үшін пайдаланатын USB) 5 В -та жұмыс істейді. Бұл 5В USB -ді ESP8266 үшін 3.3В -ке түрлендіру үшін бізге кернеу түрлендіргіші қажет болады дегенді білдіреді.

ESP8266 қосылған кезде, ол IO түйреуіштеріндегі кернеуге байланысты өзінің «жүктеу режимінің» біріне өтеді. Басқаша айтқанда: егер ол біздің кодты жүктеу кезінде орындалуын қаласақ, оны конфигурациялау керек! Бағдарламаны орындау үшін бұл мынаны білдіреді:

• CH_PD - VCC
• VCC -ге RST
• GPIO0 - VCC
• GPIO2 - VCC

Құрылғыны бағдарламалау кезінде бұл мынаны білдіреді:

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

Көріп отырғаныңыздай, жалғыз айырмашылық - бұл GPIO0 түйреуішінің күйі. Осылайша, біз бағдарламалау кезінде GPIO0 -ті GND -ге қосу үшін батырманы басамыз. Жүктелгеннен кейін түйреуіштерді еркін қолдануға болады, біздің жағдайда 2 нәрсе үшін:

1. Кіріс ретінде: GPIO2 қосылған түйме бар.
2. Экранды жүргізу. Оған 2 -ден көп сигнал қажет болғандықтан, TX және RX желісі IO ретінде де қолданылады.

Енді бізде жұмыс теориясы жоқ болғандықтан, біз оны физикалық дизайнға айналдыра аламыз.

ПХД

ПХД жасау үшін мен KiCad -те (ашық көзі бар ПХД орналасуының бағдарламалық жасақтамасы) перфордалық тақтаның/таспаның орналасуын жасадым. Тор аралығын 2,54 мм (0,1 дюйм) етіп орнату арқылы сіз таспаға дәнекерлеуге болатын макеттер жасай аласыз.

Бұл электрониканы дәнекерлеуді жеңілдетеді: дизайнды басып шығарыңыз (PDF ретінде енгізілген) және конструкцияны лента тақтасына көшіріңіз. Экранды қосу үшін тақырып түйреуіштерін қолданыңыз, FTDI және ESP8266.

Дәнекерлеуді аяқтағаннан кейін, перфорация тақтасын қажетті мөлшерде кесіңіз және барлық компоненттерді қосыңыз. Бірге дәнекерленген электрониканың көмегімен біз оларға кейбір кодты енгізе аламыз!

3 -қадам: ESP8266 бағдарламалау

Кітапханаларды баптау

Arduino IDE көмегімен кез келген кодты тақтаға жүктемес бұрын, оның кітапханаларын қосу керек болады. Мұны келесі қадамдарды орындау арқылы жасауға болады:

1. Файл> Параметрлер тармағына өтіп, келесі сілтемені «Қосымша тақта менеджерінің URL мекенжайлары» жолағына қойыңыз:
2. Құралдар> Тақталар> Тақталар менеджері тармағына өтіп, ESP8266 іздеңіз
3. Осы терезеден ең соңғы буманы орнатыңыз
4. IDE қайта іске қосыңыз
5. Құралдар> Тақталар тақтасынан «Generic ESP8266 Module» тақтасын таңдаңыз
6. Тақтаның дұрыс қосылғанын білу үшін эскизді ашып, оны көрсетіңіз (ctrl+R).

Код жүктелуде

Құрылғыны бағдарламалау үшін оны бағдарламалау режиміне қойып, FTDI ажырату тақтасына қосу керек. Мұны тиісті түйреуіштерді VCC немесе GND -ге тартып, төменде көрсетілгендей байланыстарды орнату арқылы жасауға болады.

• CH_PD - VCC
• VCC -ге RST
• GPIO0 - GND
• GPIO2 - VCC
• RX - TX FTDI
• TX - RX FTDI

Бақытымызға орай, бұл қосылыстар біздің ПХД -да бар. Мен оны алдымен нан тақтасында сынап көрдім, және сіз көріп тұрғандай, бұл сәл ыңғайсыз. Сондықтан кодты жүктеу үшін:

1. Дисплейді алып тастап, FTDI қосыңыз
2. USB кабелін қосқан кезде бағдарлама түймесін басып тұрыңыз
3. Кодты жүктеңіз. Жүктелгеннен кейін «Желіні орнату» көрсетіледі

Мүмкін болатын қателер

«Қате: espcomm_upload_mem_failed» сияқты жүктеу кезінде қате пайда болуы мүмкін, кодты қайта жүктеңіз. Егер дисплей қосулы кезде бос болып қалса, кодты қайта жүктеңіз.

Кодты іске қосу

Біз жүктеген кодты іске қосу үшін GPIO0 түйреуішін VCC -ге тартып, бағдарламалау режимін өшіру керек. Немесе біздің жағдайда құрылғыны бағдарлама түймесін баспастан қосыңыз.

Жүктелген және іске қосылған кодпен біз енді есептегішті конфигурациялай аламыз!

4 -қадам: Көру санауышын орнату

Көру есептегішінің конфигурациясы веб -беттің интерфейсі арқылы жүзеге асады. Бұл кодты қайта жүктеудің орнына параметрлерді тез өзгертуге мүмкіндік береді.

Веб -серверді конфигурациялау

1. Құрылғыны қосыңыз және «орнатылған желі» пайда болғанша күтіңіз
2. Режим түймесін басыңыз, құрылғыда «орнату» көрсетіледі
3. Компьютерде WiFi желілеріне өтіп, «Instructables Hit Counter» тармағын таңдаңыз (Құпия сөзді сұрағанда, «құпия сөзді» енгізіңіз.)
4. Браузер терезесі ашылуы керек (әйтпесе оны өзіңіз ашып, 192.168.4.1 теріңіз)
5. Бет ашылады, «WiFi конфигурациясын» басыңыз.
6. Желіні таңдап, құпия сөзді енгізіңіз. Тұрақты IP, шлюз және ішкі желі толтырыңыз
7. Сақтау түймесін басыңыз, растау беті пайда болады

Енді ESP8266 біздің WiFi желісіне қосылғандықтан, біз Нұсқауға болатын тіркелгі деректерін толтыра аламыз.

Пайдаланушыны орнату

1. Браузерді ашып, алдыңғы қадамда таңдаған статикалық IP мекенжайын енгізіңіз.
2. «Пайдаланушыны орнату» қойындысына өтіңіз
3. Нұсқаулықтар атауын енгізіңіз және сақтаңыз
4. Нақты нұсқаулықтың пікірін көру үшін беттегі нұсқауларды орындаңыз
5. Сақтау түймесін басыңыз, енді сіздің көріністеріңіз көрсетіледі!
6. Қосымша опциялар үшін параметрлерді қараңыз;)

Есептегіш қазір толықтай жұмыс істейді, бірақ бәрібір күңгірт көрінеді. Мұны керемет жағдай жасау арқылы өзгертейік!

Ескерту

Бұл жобаның коды мына керемет жігіттен келеді: https://www.instructables.com/id/Instructables-Hi… Кодтың барлық несиесі оған беріледі, мен оны тек жобаның жеке нұсқасын жасау үшін қолданамын. Мұны жазудың басты себебі - мен оны жұмыс істеу үшін бірнеше нәрсені шешуге мәжбүр болдым (мысалы, ESP8266 бағдарламалау, кітапханаларды қосу, нұсқаулық идентификаторын алу, ПХД жасау, …) және толық дербес нұсқаулық жасағым келді..

5 -қадам: корпус

Бұл супер шығармашылықты алуға болатын бөлік. Кез келген жағдай жұмыс істей алады, бірақ жақсы жағдай жасау жобаны жасауға немесе бұзуға әкеледі. Сондықтан мен өзімді Lego -дан жасауды шештім!

Экранды орнату

Экранды орнына қою үшін мен «бүйірлік тірегі жоқ Lego панелі» экранға өте жақсы сәйкес келетінін білдім. Бір ғана кемшілігі бар: оның ені мен қалағаннан екі есе кеңірек … Бақытымызға орай, оны 2 -ге бөлу арқылы оңай шешуге болады. Бізде қазір дисплейге арналған жақсы қондырғы және барлық жағдай үшін жақсы бастапқы нүкте бар!

Хаттар жасау

Бұл көріністің есептегіші екенін түсінікті ету үшін мен «көріністері» бар жапсырманы қосқым келді. Бірақ содан кейін мен ойладым, неге Lego -дан әріптер жасай алатын болсаңыз, ақымақ жапсырманы қолдану керек? Міне, мен осылай жасадым!

Робот жасау

Мен бұл құрылысты аяқтау үшін бірдеңе іздедім және осы керемет нұсқаулықты кездестірдім:

Нұсқауға болатын робот Lego -дан жасалған, көру санауышының тамаша серіктесі! Мен бұл жерде егжей -тегжейлі қадамдарға бармаймын, себебі бұл нұсқаулықта біртіндеп түсіндірілген. Біздің кішкентай серігіміз - біздің ісіміздің соңғы түйіні; біттік!

6 -қадам: Тексеріңіз және ләззат алыңыз

Біз аяқтадық! Тек жаңа көру санауышын тексеру ғана қалады.

Оны USB портына жалғаңыз және сіздің көзқарастарыңызға сүйсініңіз! Сізге жоба ұнады деп үміттенемін және ұқсас нәрсені жасауға шабыт аласыз.

Менің басқа нұсқаулықтарымды тексеруге болады: