Instructables View Counter + ESP8266 Guide: 6 Adım (Resimlerle)

2024 Yazar: John Day | [email protected]. Son düzenleme: 2024-01-30 13:21

Youtube ve Facebook için abone sayaçları oldukça yaygındır, ancak neden Instructables için benzer bir şey yapmıyorsunuz? Tam olarak yapacağımız şey bu: bu talimatta bir Instructables görüntüleme sayacı yapacağız!

Görüşlerin interweb'lerden alınması gerekecek, bu yüzden gerekli bilgileri almak için ortak (ve ucuz) ESP8266 WiFi modülünü kullanacağız. Biraz yapılandırmaya ihtiyacı var, ancak onu kurmak ve çalıştırmak için gereken tüm adımları atacağım.

Projeyi olabildiğince erişilebilir kılmak için (yani, bir 3D yazıcı, lazer kesici veya parçacık hızlandırıcı gerektirmeden), bu durumda Lego kullanmaya karar verdim! Öyleyse o Lego kutusunu çıkar ve hadi inşa etmeye başlayalım!

Adım 1: Parçalar ve Araçlar

Parçalar

• ESP8266 ESP-01
• MAX7219 7 haneli LED ekran modülü
• 3.3V uyumlu FTDI koparma (programcı)
• Pin başlıkları
• 4x 10k Ohm direnç
• 2x Basma düğmesi
• 2x 10uF kapasitör
• 3.3V regülatör (LM1117-3.3V)
• USB kablosu
• Lego!

Toplam maliyet: < 10$

Aletler

Havya

2. Adım: Elektronik

Devreyi kurarak projeye başlayalım.

Projenin elektroniği çok karmaşık değil, ancak ESP8266 modülünün çalışması için bazı özel işlemler gerekiyor. Her şeyden önce, bu ESP olayı neyle ilgili?

ESP8266, en iyi düşük maliyetli WiFi çipi olarak bilinir, ancak aynı zamanda tam teşekküllü bir mikrodenetleyici birimi özelliğine sahiptir. Bu, WiFi ve 7 segmentli ekranımız gibi harici bileşenlerin kontrol edilmesini gerektiren projeler için idealdir. Programlama, FTDI dönüştürücü olarak da adlandırılan USB'den seriye dönüştürücü ile yapılır.

Şematik

Bileşenler şemadaki gibi basitçe bağlanabilir, ancak burada biraz daha fazla bilgi verilmiştir.

Öncelikle ESP8266 3,3V ile çalışırken ekran (ve güç için kullanacağımız USB) 5V ile çalışıyor. Bu, ESP8266 için USB'nin 5V'sini 3.3V'a dönüştürmek için bir voltaj dönüştürücüye ihtiyacımız olacağı anlamına gelir.

ESP8266'yı çalıştırırken, IO pinlerindeki voltaja bağlı olarak "önyükleme modlarından" birine girecektir. Başka bir deyişle: önyüklendiğinde kodumuzu yürütmesini istiyorsak, bunu yapılandırmamız gerekecek!Programın yürütülmesi için bu şu anlama gelir:

• CH_PD'den VCC'ye
• RST'den VCC'ye dönüştürücü
• GPIO0'dan VCC'ye
• GPIO2'den VCC'ye dönüştürücü

Cihazı programlamak için bu şu anlama gelir:

• CH_PD'den VCC'ye
• RST'den VCC'ye dönüştürücü
• GPIO0'dan GND'ye dönüştürücü
• GPIO2'den VCC'ye dönüştürücü

Görüldüğü gibi tek fark GPIO0 pininin durumudur. Bu nedenle, programlama yaparken GPIO0'ı GND'ye bağlamak için bir basma düğmesi kullanacağız. Önyüklemeden sonra, pimler bizim durumumuzda 2 şey için serbestçe kullanılabilir:

1. Giriş olarak: GPIO2'ye bağlı bir düğme var.
2. Ekranı sürmek. 2'den fazla sinyale ihtiyaç duyduğu için TX ve RX hattı da IO olarak kullanılacaktır.

Artık işlem teorisini ortadan kaldırdığımıza göre, bunu fiziksel bir tasarıma çevirebiliriz.

PCB

PCB'yi yapmak için KiCad'de (açık kaynaklı bir PCB yerleşim yazılımı) bir perfboard/stripboard düzeni tasarladım. Izgara aralığını 2,54 mm (0,1 inç) olarak ayarlayarak, şerit levha üzerine lehimlenebilecek düzenler oluşturabilirsiniz.

Bu, elektroniği birlikte lehimlemeyi çok kolaylaştırır: tasarımın çıktısını almanız (PDF olarak dahildir) ve tasarımı stripboard üzerine kopyalamanız yeterlidir. Ekranı, FTDI ve ESP8266'yı bağlamak için başlık pinlerini kullanın.

Lehimlemeden sonra perfboardu doğru boyutta kesin ve tüm bileşenleri takın. Elektroniklerin birbirine lehimlenmesiyle, onlara bir kodla hayat verebiliriz!

Adım 3: ESP8266'nın Programlanması

Kitaplıkları ayarlama

Arduino IDE kullanarak tahtaya herhangi bir kod yüklemeden önce kütüphanelerini eklememiz gerekecek. Bu, aşağıdaki adımları izleyerek yapılabilir:

1. Dosya>Tercihler'e gidin ve "Ek pano yöneticisi URL'leri" kutusuna aşağıdaki bağlantıyı yapıştırın:
2. Araçlar> Panolar> Pano Yöneticisi'ne gidin ve ESP8266'yı arayın
3. Bu pencereden en son paketi yükleyin
4. IDE'yi yeniden başlatın
5. Araçlar>Kartlar'dan pano olarak "Genel ESP8266 Modülü"nü seçin
6. Tahtanın doğru eklenip eklenmediğini görmek için taslağı açın ve (ctrl+R) oluşturun.

Kodun yüklenmesi

Cihazımızı programlamak için onu programlama moduna almamız ve FTDI devre kartına bağlamamız gerekecek. Bu, uygun pinleri VCC veya GND'ye çekerek ve bağlantıları aşağıda listelendiği gibi yaparak yapılabilir.

• CH_PD'den VCC'ye
• RST'den VCC'ye dönüştürücü
• GPIO0'dan GND'ye dönüştürücü
• GPIO2'den VCC'ye dönüştürücü
• FTDI'nin RX'ten TX'sine
• FTDI'nin TX'den RX'ine

Neyse ki, tüm bağlantılar bu bağlantılar PCB'mizde zaten mevcut. Önce bir breadboard üzerinde denedim ve gördüğünüz gibi biraz beceriksiz. Yani kodu yüklemek için:

1. Ekranı çıkarın ve FTDI'yi takın
2. USB kablosunu bağlarken program düğmesini basılı tutun
3. Kodu yükleyin. Yüklendikten sonra "Net ayarla" görüntülenmelidir

Olası hatalar

Yükleme sırasında "error: espcomm_upload_mem_failed" gibi bir hata alabilirsiniz, kodu yeniden yüklemeniz yeterlidir. Açılışta ekran boş kalırsa, kodu da yeniden yükleyin.

Kodu çalıştırma

Az önce yüklediğimiz kodu çalıştırmak için GPIO0 pini VCC'ye çekilerek programlama modu devre dışı bırakılmalıdır. Veya bizim durumumuzda, program düğmesine basmadan cihazı açın.

Yüklenen ve çalışan kod ile artık görüntüleyicimizi yapılandırabiliriz!

Adım 4: Görünüm Sayacının Ayarlanması

Görüntü sayacının konfigürasyonu bir web sayfası arayüzü üzerinden yapılır. Bu, her seferinde kodu yeniden yüklemek yerine ayarları anında değiştirmenize olanak tanır.

Web sunucusunu yapılandırma

1. Üniteyi açın ve "net net" görüntülenene kadar bekleyin
2. Mod düğmesine basın, cihaz "kurulum" gösterecektir
3. PC'nizde WiFi ağlarınıza gidin ve "Instructables Hit Counter" öğesini seçin (Parola sorulduğunda 'parola' girin.)
4. Bir tarayıcı penceresi açılmalıdır (aksi takdirde kendiniz açın ve 192.168.4.1 yazın)
5. Bir sayfa açılır, "WiFi Yapılandır" a basın
6. Bir ağ seçin ve şifrenizi yazın. Statik bir IP, ağ geçidi ve alt ağ girin
7. Kaydet'e basın, bir onay sayfası görünecektir

Artık ESP8266 WiFi ağımıza bağlandığına göre, Eğitilebilir kimlik bilgilerimizi doldurabiliriz.

Kullanıcı Kurulumu

1. Bir tarayıcı açın ve önceki adımda seçtiğiniz statik IP'yi yazın.
2. "Kullanıcı kurulumu" sekmesine gidin
3. Instructables adınızı girin ve kaydedin
4. Belirli bir Eğitilebilir Tablonun görünümlerini görmek için sayfadaki talimatları izleyin.
5. Kaydet'e basın, görüşleriniz şimdi görüntülenecek!
6. Daha fazla seçenek için ayarları inceleyin;)

Sayaç artık tamamen işlevsel, ancak yine de biraz sıkıcı görünüyor. Haydi bunu harika bir dava yaparak değiştirelim!

Not

Bu projenin kodu bu harika adamdan geliyor: https://www.instructables.com/id/Instructables-Hi… Kodun tüm kredisi ona gidiyor, onu sadece projenin kendi versiyonunu yapmak için kullanıyorum. Bunu yazmamın ana nedeni, çalışmasını sağlamak için bazı şeyleri bir araya getirmek zorunda olmamdı (ESP8266'nın nasıl programlanacağı, kitaplıkların eklenmesi, talimat kodunun alınması, PCB'nin yapılması gibi) ve tam bir bağımsız kılavuz yapmak istedim..

Adım 5: Muhafaza

Bu, süper yaratıcı olabileceğiniz kısımdır. Herhangi bir vaka işe yarayabilir, ancak güzel bir tane yapmak bir projeyi yapabilir veya bozabilir. Bu nedenle, benimkini Lego'dan yapmaya karar verdim!

Ekranı monte etme

Ekranı yerine sabitlemek için "Yan desteği olmayan Lego panelinin" ekrana mükemmel şekilde uyduğunu gördüm. Tek bir dezavantajı var: benim istediğimden iki kat daha geniş… Neyse ki, bu sorunu 2'ye bölerek kolayca çözülüyor. Şimdi ekran için güzel bir montaj parçasına sahibiz ve tüm durum için iyi bir başlangıç noktamız var!

Harfleri yapmak

Bunun bir görüntüleme sayacı olduğunu daha açık hale getirmek için "görünümler" içeren bir etiket eklemek istedim. Ama sonra düşündüm ki, Lego'dan harfler yapmak varken neden aptal bir etiket kullanayım? Ben de öyle yaptım! Harfleri kopyalaması daha kolay olacak şekilde yakından ekledim.

robotu yapmak

Bu yapıyı bitirmek için bir şey arıyordum ve bu harika talimata rastladım:

Lego'dan yapılmış talimat robotu, görüntüleme sayacı için mükemmel bir arkadaştır! Orijinal talimatta adım adım açıklandığı için burada yapmanın ayrıntılı adımlarına girmeyeceğim. Küçük arkadaşımız vakamızın son dokunuşu; yapılmıştı!

Adım 6: Test Edin ve Keyfini Çıkarın

Yapılmıştı! Yapılması gereken tek şey yeni görüntüleme sayacımızı test etmek.

Bir USB bağlantı noktasına bağlayın ve görüşlerinizi hayranlıkla izleyin! Umarım projeyi beğenmişsinizdir ve benzer bir şey yapmak için ilham almışsınızdır.

Diğer talimatlarımı kontrol etmekten çekinmeyin: