Spisu treści:
- Krok 1: Czego będziesz potrzebować
- Krok 2: Uruchom Visuino i wybierz typ płyty Arduino TTGO T-Display ESP32
- Krok 3: W Visuino Ustaw WiFi
- Krok 4: W Visuino Ustaw wyświetlacz
- Krok 5: W Visuino Dodaj komponenty
- Krok 6: W Visuino Parsing JSON
- Krok 7: Podłączanie komponentów w programie Visuino
- Krok 8: Wygeneruj, skompiluj i prześlij kod
- Krok 9: Graj
- Krok 10: Rozwiązywanie problemów
2025 Autor: John Day | [email protected]. Ostatnio zmodyfikowany: 2025-01-13 06:58
W tym samouczku dowiemy się, jak uzyskać aktualną cenę Bitcoina w USD i EUR za pomocą TTGO ESP32 i Visuino.
Obejrzyj wideo.
(Nowy zaktualizowany plik do pobrania poniżej!)
Krok 1: Czego będziesz potrzebować
- TTGO ESP32
- Połączenie WiFi
- Program Visuino: Pobierz Visuino
Krok 2: Uruchom Visuino i wybierz typ płyty Arduino TTGO T-Display ESP32
Visuino: https://www.visuino.eu musi być zainstalowane. Uruchom Visuino, jak pokazano na pierwszym obrazku Kliknij przycisk "Narzędzia" na komponencie Arduino (Zdjęcie 1) w Visuino Gdy pojawi się okno dialogowe, wybierz "TTGO T-Display ESP32", jak pokazano na Zdjęciu 2
Krok 3: W Visuino Ustaw WiFi
Wybierz płytkę TTGO T-Display ESP32 i w oknie właściwości rozwiń "Moduły>WiFi>Połącz z punktami dostępowymi
- Kliknij na Połącz z punktami dostępowymi 3 kropki
- W oknie AccessPoints przeciągnij „WiFi Access Point” na lewą stronę
- W oknie właściwości ustaw SSID (nazwę swojego hotspotu WiFi lub routera)
- W oknie właściwości ustaw hasło (hasło do hotspotu WiFi lub routera)
- Zamknij okno AccessPoints
Wybierz płytkę TTGO T-Display ESP32 i w oknie właściwości rozwiń "Moduły>WiFi>Gniazda
- Kliknij na Sockets3 Dots
- W oknie Sockets przeciągnij TCP/IP Secure Client (SSL) w lewo
- W oknie właściwości ustaw Host na: blockchain.info
- Zamknij okno Gniazda
Krok 4: W Visuino Ustaw wyświetlacz
Wybierz płytkę TTGO T-Display ESP32 i w oknie właściwości rozwiń "Moduły>Wyświetlacz>Orientacja
Ustaw orientację na:goRight
Wybierz płytkę TTGO T-Display ESP32 i w oknie właściwości rozwiń "Moduły>Wyświetlacz>Elementy
Kliknij na elementy 3 kropki
W oknie Elementy przeciągnij Rysuj bitmapę w lewo
W oknie właściwości ustaw Y na 20, kliknij na Bitmapę 3 kropki
W edytorze bitmap Załaduj bitmapę Bitcoin (rysunek 6) i zamknij edytor bitmap
W oknie Elementy przeciągnij Rysuj tekst w lewo
W oknie właściwości ustaw kolor na aclOrange, rozmiar na 2, tekst na USD, X na 150, Y na 10
W oknie Elementy przeciągnij Pole tekstowe w lewo
W oknie właściwości ustaw rozmiar na 3, X na 100, Y na 35
W oknie Elementy przeciągnij Rysuj tekst w lewo
W oknie właściwości ustaw kolor na aclOrange, rozmiar na 2, tekst na EUR, X na 150, Y na 80
W oknie Elementy przeciągnij Pole tekstowe w lewo W oknie właściwości ustaw rozmiar na 3, X na 100, Y na 105
Zamknij okno elementów
Krok 5: W Visuino Dodaj komponenty
- Dodaj komponent „Klient
- Wybierz i w oknie właściwości ustaw Host na api.coindesk.com
- Kliknij na Prośby o 3 kropki
- W oknie żądań przeciągnij "GET" w lewo
- W oknie właściwości ustaw adres URL na: /v1/bpi/currentprice.json
- Zamknij okno próśb
- Dodaj komponent "Klient HTTP" komponent "Char To Text"
- Wybierz "CharToText1" i w oknie właściwości ustaw Max Length na 2000
- Dodaj komponent „Generator zegara”
- Wybierz „ClockGenerator1” i w oknie właściwości ustaw częstotliwość na 0,1
- Dodaj komponent „Opóźnienie”
- Wybierz "Delay1" i w oknie właściwości ustaw Interwał na 2000000
- Dodaj komponent „Split JSON Object”
Krok 6: W Visuino Parsing JSON
- Kliknij prawym przyciskiem myszy na "SplitJSON1" iw menu kliknij "Parse JSON Object.."
- W oknie „JSON Object” wklej ten przykładowy kod (dostępny na
- Zamknij okno „Obiekt JSON”
- Komponent „SplitJSON1” utworzy teraz nowe piny
Krok 7: Podłączanie komponentów w programie Visuino
- Podłącz pin "ClockGenerator1" do pinu "HTTPClient1" Zegar i pin "Delay1" Start
- Podłącz zawartość pinu „HTTPClient1” do pinu „CharToText1” In
- Podłącz pin "HTTPClient1" do TTGO T-Display ESP32 > WiFi> TCP Secure Client1 pin In
- Podłącz pin "Delay1" do pinu "CharToText1" Zegar i TTGO T-Display ESP32 > WiFi> TCP Secure Client1 pin Rozłącz
- Podłącz pin wyjściowy „CharToText1” do wejścia „SplitJSON1”
- Podłącz "SplitJSON1>USD>rate_float do TTGO T-Display ESP32>Pole tekstowe1 pin In
- Podłącz "SplitJSON1>EUR>rate_float do TTGO T-Display ESP32>Pole tekstowe1 pin In
Uwaga: możesz również grać z innymi pinami z komponentu „SplitJSON1”
Krok 8: Wygeneruj, skompiluj i prześlij kod
W Visuino, na dole kliknij zakładkę "Build", upewnij się, że wybrany jest właściwy port, a następnie kliknij przycisk "Compile/Build and Upload".
Krok 9: Graj
Jeśli zasilisz moduł TTGO ESP32, połączy się on z siecią i wyświetli aktualną cenę Bitcoina w USD i EUR
Gratulacje! Zrealizowałeś swój projekt z Visuino. Dołączony jest również projekt Visuino, który stworzyłem dla tego Instructable, możesz go pobrać i otworzyć w Visuino: https://www.visuino.euUwaga: W projekcie pliku po otwarciu go w Visuino zmień ustawienia Wi-Fi (punktu dostępu i hasła) do ustawień.
Krok 10: Rozwiązywanie problemów
Jeśli nie otrzymasz żadnych danych:
- upewnij się, że korzystasz z najnowszej wersji Visuino
- sprawdź, czy wprowadziłeś prawidłowe ustawienia WiFi
- podłącz pin "SplitJSON1" "rate_float" do pinu szeregowego [0], prześlij i kliknij przycisk połącz i zobacz, czy masz tam jakieś dane (patrz załączone zdjęcia)