Instructables View Counter + ESP8266 Ръководство: 6 стъпки (със снимки)

2025 Автор: John Day | [email protected]. Последно модифициран: 2025-01-23 14:36

Абонаментните броячи за Youtube и Facebook са доста често срещани, но защо да не направите нещо подобно за Instructables? Точно това ще направим: в тази инструкция ще направим брояч за изгледи на Instructables!

Изгледите ще трябва да бъдат заснети от мрежата, така че ще използваме общия (и евтин) WiFi модул ESP8266, за да получим необходимата информация. Нуждае се от някаква конфигурация, но ще премина през всички необходими стъпки, за да го стартирам.

За да поддържам проекта възможно най -достъпен (т.е. без да се изисква 3D принтер, лазерен нож или ускорител на частици), реших да използвам Lego за случая! И така, извадете кофата на Lego и нека започнем да строим!

Стъпка 1: Части и инструменти

Части

• ESP8266 ESP-01
• MAX7219 7 цифрен LED дисплей модул
• 3.3V съвместим FTDI пробив (програмист)
• Закрепване на заглавки
• 4x 10k Ohm резистор
• 2x бутон
• 2x 10uF кондензатор
• 3.3V регулатор (LM1117-3.3V)
• USB кабел
• Лего!

Обща цена: <10 $

Инструменти

Поялник

Стъпка 2: Електроника

Нека започнем проекта, като изградим веригата.

Електрониката на проекта не е много сложна, но модулът ESP8266 изисква някакво специално отношение, за да работи. И така, на първо място, какво е това ESP нещо?

ESP8266 е най-известен като евтин WiFi чип, но също така има пълноценни възможности за микроконтролер. Това го прави идеален за проекти, които изискват WiFi и контрол на външни компоненти като нашия 7 -сегментен дисплей. Програмирането се извършва с USB към сериен конвертор, наричан още FTDI конвертор.

Схематично

Компонентите могат просто да бъдат свързани както в схемата, но тук е дадена малко повече информация.

На първо място, ESP8266 работи от 3.3V, докато дисплеят (и USB, който ще използваме за захранване) работи на 5V. Това означава, че ще се нуждаем от преобразувател на напрежение, за да трансформираме 5V на USB в 3.3V за ESP8266.

При включване на 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.

Сега, след като изтласкахме теорията на работата, можем да превърнем това във физически дизайн.

Печатни платки

За да направя печатната платка, проектирах оформление за перфорирани плоскости/ленти в KiCad (софтуер за оформление на печатни платки с отворен код). Чрез задаване на разстояние между решетките на 2,54 мм (0,1 инча), можете да правите оформления, които могат да бъдат запоени върху плоскост.

Това прави супер лесното спояване на електрониката заедно: просто разпечатайте дизайна (включен като PDF) и копирайте дизайна върху лентата. Използвайте щифтове за заглавки, за да свържете екрана, FTDI и ESP8266.

След запояване, изрежете перфборда до правилния размер и включете всички компоненти. С електрониката, споена заедно, можем да им вдъхнем живот с някакъв код!

Стъпка 3: Програмиране на ESP8266

Настройване на библиотеките

Преди да можем да качим какъвто и да е код на дъската, използвайки Arduino IDE, ще трябва да добавим неговите библиотеки. Това може да стане, като следвате следните стъпки:

1. Отидете на Файл> Предпочитания и поставете следната връзка в полето „Допълнителни URL адреси на мениджъра на дъската“:
2. Отидете на Инструменти> Платки> Мениджър на платки и потърсете ESP8266
3. От този прозорец инсталирайте най -новия пакет
4. Рестартирайте IDE
5. От Инструменти> Платки изберете „Общ модул ESP8266“като дъска
6. Отворете скицата и я визуализирайте (ctrl+R), за да видите дали дъската е добавена правилно.

Качване на кода

За да програмираме нашето устройство, ще трябва да го поставим в режим на програмиране и да го свържем към платката за прекъсване на FTDI. Това може да стане чрез издърпване на съответните щифтове към VCC или GND и осъществяване на връзките, както е посочено по -долу.

• CH_PD към VCC
• RST към VCC
• GPIO0 към GND
• GPIO2 към VCC
• RX към TX на FTDI
• TX към RX на FTDI

За щастие, всички връзки тези връзки вече присъстват на нашата печатна платка. Първо го опитах на макет и както виждате, е малко тромав. И така, за да качите код:

1. Извадете дисплея и включете FTDI
2. Задръжте натиснат програмния бутон, когато свързвате USB кабела
3. Качете кода. След качване трябва да се покаже "Set net"

Възможни грешки

Може да получите грешка при качване като „грешка: espcomm_upload_mem_failed“, просто повторно заредете кода. Ако дисплеят остане празен при включване, също заредете отново кода.

Изпълнение на кода

За да стартирате току -що качения код, режимът на програмиране трябва да бъде деактивиран, като издърпате пина GPIO0 към VCC. Или в нашия случай, включете устройството, без да натискате бутона за програмата.

С качения и работещ код вече можем да конфигурираме нашия брояч на изгледи!

Стъпка 4: Настройване на брояча на изгледи

Конфигурирането на брояча се извършва чрез интерфейс на уеб страница. Това позволява да се променят настройките в движение, вместо да се налага повторно зареждане на кода всеки път.

Конфигуриране на уеб сървъра

1. Включете устройството и изчакайте да се покаже „зададена мрежа“
2. Натиснете бутона Mode, устройството ще покаже „setup“
3. На вашия компютър отидете във вашите WiFi мрежи и изберете „Брояч на удари с инструкции“(Когато бъдете помолени за парола, въведете „парола“.)
4. Трябва да се отвори прозорец на браузъра (в противен случай отворете сами и въведете 192.168.4.1)
5. Отваря се страница, натиснете „Конфигуриране на WiFi“
6. Изберете мрежа и въведете паролата си. Попълнете статичен IP, шлюз и подмрежа
7. Натиснете „Запазване“, ще се появи страница за потвърждение

Сега, когато ESP8266 е свързан с нашата WiFi мрежа, можем да попълним нашите идентификационни данни за инструктаж.

Потребителска настройка

1. Отворете браузър и въведете статичния IP адрес, който сте избрали в предишната стъпка.
2. Отидете в раздела „Потребителска настройка“
3. Попълнете името на Instructables и запишете
4. За да видите изгледите на конкретен Instructable, следвайте инструкциите на страницата
5. Натиснете запазване, вашите изгледи ще бъдат показани!
6. За повече опции разгледайте настройките;)

Броячът вече е напълно функционален, но все още изглежда малко скучен. Нека променим това, като направим страхотен случай!

Забележка

Кодът на този проект идва от този страхотен човек: https://www.instructables.com/id/Instructables-Hi… Всички заслуги за кода са негови, аз просто го използвам, за да направя своя собствена версия на проекта. Основната причина, поради която пиша това, е, че трябваше да объркам някои неща заедно, за да работи (например как да програмирам ESP8266, да добавям библиотеки, да получавам ID на инструкциите, да направя печатна платка …) и да искам да направя пълно самостоятелно ръководство.

Стъпка 5: Корпус

Това е частта, в която можете да станете супер креативни. Всеки случай може да работи, но правенето на хубав може да направи или да разбие проект. Затова реших да направя моя от Lego!

Монтиране на екрана

За да фиксирам екрана на място, открих, че „Lego панел без странична опора“пасва идеално на екрана. Има само един недостатък: той е два пъти по -широк, отколкото бих искал … За щастие, това лесно се решава, като се разрязва на 2. Сега имаме хубав монтаж за дисплея и добра отправна точка за целия случай!

Изработване на буквите

За да стане по -очевидно, че това е брояч на изгледи, исках да включа етикет с „изгледи“. Но тогава си помислих, защо да използвам глупав етикет, когато можеш да правиш букви от Lego? Ето какво направих! Включих отблизо буквите, така че да са по -лесни за възпроизвеждане.

Изработка на робота

Търсех нещо, което да довърши тази компилация, и се натъкнах на тази страхотна инструкция:

Роботът с инструкции, изграден от Lego, перфектният спътник за брояча на изгледите! Няма да навлизам в подробните стъпки за това тук, тъй като е обяснено стъпка по стъпка в оригиналната инструкция. Нашият малък спътник е последният щрих в нашия случай; приключихме!

Стъпка 6: Тествайте и се наслаждавайте

Свършихме! Единственото, което остава да направите, е да тествате нашия нов брояч на изгледи.

Свържете го към USB порт и се възхищавайте на гледките си! Надявам се, че проектът ви е харесал и сте вдъхновени да направите нещо подобно.

Чувствайте се свободни да проверите другите ми инструкции: