ODBIORNIK VHF SA868S Z INTERFEJSEM WWW

Interfejs WWW

Cześć! Dziś chciałbym podzielić się z Wami moim najnowszym projektem: "profesjonalnym" odbiornikiem VHF z interfejsem webowym, który zbudowałem w oparciu o moduł radiowy SA868S, mikrokontroler ESP32 oraz wyświetlacz TFT ST7789. To urządzenie, które łączy w sobie możliwości odbioru pasma VHF (144–146 MHz) z nowoczesnym sterowaniem przez przeglądarkę internetową.

📡 Główne funkcjonalności:

• Odbiornik VHF – pracuje w paśmie VHF (136–174 MHz) z możliwością strojenia krokami 12.5 kHz, 25 kHz, 100 kHz i 1 MHz.

• Główny interfejs: panel webowy – dostępny z każdego urządzenia w sieci WiFi (telefon, tablet, laptop). Nie potrzebujesz dodatkowej aplikacji – wystarczy przeglądarka.

• Wyświetlacz lokalny TFT – pełni rolę pomocniczego ekranu technicznego, pokazującego aktualną częstotliwość, nazwę kanału, poziom sygnału (S-meter) oraz status (BUSY/SQL/SCAN).

• Bank pamięci kanałów – możesz zapisywać ulubione częstotliwości z własnymi nazwami, a potem jednym kliknięciem do nich wracać.

• Skaner pasma – automatyczne przeszukiwanie zadanego zakresu z pauzowaniem na aktywnych kanałach.

• Regulacja audio – głośności i squelcha z poziomu panelu webowego.

• Filtry odbioru – wbudowane opcje: PRE/DE-EMPHASIS, HIGH-PASS, LOW-PASS.

🛠️ Jak to działa?

Urządzenie opiera się na ESP32, który pełni rolę serwera webowego (AsyncWebServer) i komunikuje się z modułem radiowym SA868S poprzez UART. Połączenie WiFi działa w trybie Access Point – urządzenie tworzy własną sieć Odbiornik_VHF, do której łączysz się bezpośrednio.

Główny interfejs to strona HTML serwowana z karty SD, która na żywo aktualizuje dane przez WebSocket (częstotliwość, poziom sygnału, status). Wyświetlacz TFT ST7789 pokazuje te same informacje w formie uproszczonej – idealnie, gdy nie chcesz otwierać przeglądarki.

   

         

                     

  

Wyświetlacz GMT020_02 (ST7789V) umieszczony w obudowie odbiornika. Wersja 1 i wersja 2.

 

🧩 Schemat podłączenia:

• Moduł SA868S połączony jest z ESP32 przez UART (RX/TX) oraz pin BUSY do detekcji aktywności kanału.

• Wyświetlacz ST7789 podłączony przez SPI.

• Karta SD również przez SPI – przechowuje stronę HTML i banki kanałów.

  Karta musi być sformatowana w systemie FAT-32 i zawierać podstawowe pliki index.html i banki.txt. Opcjonalnie config.txt 

• Audio – sygnał audio z SA868S trafia do wzmacniacza klasy D LTK5128, a potem do głośnika lub słuchawek.

• Zasilanie przez USB-C 5V, z prostym układem stabilizatora 4.3V dla części analogowej.

   

  
  Szkic połączeń toru audio.

   

  
  

  

  Szkic części cyfrowej.

   

  Kluczowe uwagi montażowe:

• Zasilanie: Moduł SA868S potrafi pobrać sporo prądu w momencie inicjalizacji. Warto dodać kondensator elektrolityczny (np. 470uF) blisko wyprowadzeń VCC modułu radiowego.

• Antena: Pamiętaj o podłączeniu anteny (lub sztucznego obciążenia 50 Ohm) przed uruchomieniem. Nawet jeśli tylko odbierasz, dobre dopasowanie chroni czułe stopnie wejściowe przed zakłóceniami z procesora.

• Separacja: ESP32 generuje sporo szumu cyfrowego (WiFi/BT). Staraj się prowadzić przewody audio z modułu SA868S jak najdalej od anteny WiFi i linii sygnałowych SPI karty SD. 

 

💻 Oprogramowanie:

Kod napisany w Arduino IDE wykorzystuje m.in.:

• AsyncWebServer do serwowania strony i API

• WebSocket do komunikacji w czasie rzeczywistym

• Adafruit_ST7789 do obsługi wyświetlacza

• SD do odczytu/zapisu kanałów 

   

Panel webowy ma nowoczesny, ciemny styl z elementami inspirowanymi profesjonalnymi konsolami radiowymi. Wszystkie ustawienia można zmieniać w locie, a zmiany są natychmiast widoczne na wyświetlaczu TFT. 

Słów kilka na temat panela www:

Interfejs WWW – panel operatorski ładowany z karty SD

Interfejs użytkownika odbiornika został zrealizowany jako pojedynczy plik index.html, który nie znajduje się w pamięci flash ESP32, lecz jest ładowany bezpośrednio z karty SD podłączonej do mikrokontrolera.

Takie rozwiązanie zostało wybrane świadomie i niesie ze sobą kilka bardzo praktycznych korzyści.

---

Dlaczego karta SD zamiast flash ESP32?

Umieszczenie interfejsu WWW na karcie SD pozwala na:

• łatwą modyfikację wyglądu i funkcji interfejsu bez ponownego wgrywania firmware,

• szybką edycję HTML/CSS/JS bez ryzyka „uceglenia” urządzenia,

• przechowywanie dodatkowych plików (np. przyszłych wykresów, logów, konfiguracji),

• oddzielenie warstwy sprzętowej od warstwy interfejsu użytkownika.

W praktyce:

ESP32 odpowiada za radio i logikę, karta SD za „twarz” urządzenia.

I to jest dokładnie ten podział, który dobrze się skaluje.

---

Serwowanie plików WWW z karty SD

ESP32 działa jako serwer HTTP, który:

• przy starcie inicjalizuje kartę SD,

• udostępnia plik index.html oraz zasoby statyczne bezpośrednio z systemu plików,

• obsługuje zapytania API i WebSockety równolegle.

Dla przeglądarki użytkownika:

• strona zachowuje się jak klasyczna aplikacja webowa,

• nie ma różnicy, czy plik pochodzi z serwera w chmurze, czy z ESP32 na biurku.

Dla konstruktora:

• jest pełna kontrola nad zawartością,

• zero zależności od zewnętrznej infrastruktury.

---

Technologia interfejsu

Interfejs został napisany w czystym HTML, CSS i JavaScript, bez frameworków i bibliotek zewnętrznych.

Zastosowane rozwiązania:

• CSS Grid – układ dashboardu,

• dark theme – czytelność i „techniczny” charakter,

• JavaScript ES6 – logika interfejsu,

• WebSocket – komunikacja czasu rzeczywistego,

• HTTP API – konfiguracja i sterowanie odbiornikiem.

Całość działa w dowolnej nowoczesnej przeglądarce:

• komputer,

• tablet,

• smartfon.

Nie ma instalacji aplikacji, nie ma parowania — wystarczy adres IP.

---

Komunikacja przeglądarka ↔ ESP32

Interfejs wykorzystuje dwa kanały komunikacji:

WebSocket

• aktualna częstotliwość,

• poziom sygnału (S-metr),

• stan BUSY,

• status skanera.

Zapewnia to:

• brak opóźnień,

• brak odświeżania strony,

• bardzo płynną pracę interfejsu.

HTTP (REST-like API)

• zmiana częstotliwości,

• regulacja audio,

• zapis i odczyt pamięci,

• sterowanie skanerem.

To rozdzielenie upraszcza kod i zwiększa niezawodność.

---

Bank pamięci i dane użytkownika

Lista zapamiętanych częstotliwości:

• przechowywana jest po stronie ESP32,

• może być powiązana z plikami na karcie SD,

• jest dynamicznie ładowana do interfejsu WWW.

Karta SD naturalnie nadaje się też do:

• logowania zdarzeń,

• zapisu historii skanowania,

• przyszłej rozbudowy projektu.

---

Interfejs WWW jako „softwarowy front panel”

W tym projekcie interfejs WWW pełni rolę klasycznego panelu czołowego, tyle że:

• bez gałek,

• bez przycisków,

• bez ograniczeń fizycznych.

Zmiana wyglądu lub funkcji:

• nie wymaga lutownicy,

• nie wymaga kompilatora,

• wymaga tylko edytora tekstu.

A to w świecie projektów radiowych jest luksus, którego trudno się potem wyrzec.

---

Umieszczenie interfejsu WWW na karcie SD:

• upraszcza rozwój projektu,

• zwiększa elastyczność,

• oddziela warstwę sprzętową od wizualnej.

ESP32 robi to, co potrafi najlepiej — steruje radiem i komunikuje się z siecią.
A karta SD? Ona daje projektowi przestrzeń do oddychania.

Krótko mówiąc:
to już nie jest „radio z webem”, tylko radio sterowane webem.

 

🚀 Możliwości rozbudowy:

• Dodanie nadajnika (TX) i przejście w tryb transceivera

• Integracja z zewnętrznymi źródłami częstotliwości (GPS, DDS, zewnętrzny serwer czasu)

• Automatyczne logowanie odbieranych sygnałów na karcie SD

• Równoległe sterowanie ręczne z poziomu samego odbiornika (enkoder obrotowy)

• Wersja przenośna z baterią

📦 Podsumowanie:

To projekt, który łączy klasyczną radioamatorską elektronikę z nowoczesnym interfejsem webowym. Dzięki niemu możesz zamienić dowolne urządzenie z przeglądarką w pełnoprawny panel sterowania odbiornikiem VHF. Całość jest otwarta, modułowa i gotowa do dalszej rozbudowy.

 

Kod źródłowy, schematy i pliki są dostępne (pytaj poprzez e-mail hf5wwl@gmail.com  – zachęcam do eksperymentowania!

Masz pytania? Chcesz zbudować własny? Zapraszam do komentowania!

 

 

✍️ Autor: Robert HF5WWL
📅 Data projektu: Czerwiec 2025 r.
📍 Lokalizacja: Wołomin, POLSKA
📁 Kod źródłowy: Pytaj poprzez e-mail (hf5wwl@gmail.com).
🛠️ Poziom trudności: Średni, średnio-trudny. (gdy masz gotowy program 😊).

---

Tagi: #radio #VHF #ESP32 #SA868S #IoT #webinterface #DIY #radioamator #STM7789 #websocket #hf5wwl

---