HUBBOX cihazları ile Node-RED entegrasyonu
Node-RED ile Veri Görselleştirme: Operatör Paneli Oluşturma
Hubbox ekosistemi içerisinde Node-RED kullanarak verileri görselleştirmek, özellikle endüstriyel saha verilerini (PLC, sensörler vb.) operatör panellerine dönüştürmek için mükemmel bir yöntemdir. Aşağıda, MQTT üzerinden gelen sıcaklık verisini Hubbox üzerinde nasıl görselleştireceğinizi adım adım inceleyebiliriz.
Senaryo: Saha Sıcaklık Verisi İzleme
v3/device/sensor01).Görselleştirme: Anlık sıcaklık için bir Gauge (Gösterge) ve son 1 saatlik değişim için bir Chart (Grafik).
Adım 1: Akışın (Flow) Oluşturulması
Veriyi alacak ve Dashboard bileşenlerine dağıtacak temel mantık çerçevesini kuruyoruz:
- MQTT In Düğümü: Sol panelden bir
mqtt indüğümü sürükleyin.- Server: Hubbox'ın bağlı olduğu yerel veya uzak broker adresi.
- Topic:
v3/device/sensor01/temperature
- JSON Düğümü: Veriniz JSON formatında geliyorsa (Örn:
{"val": 25.4}), metni objeye çevirmek için birjsondüğümü ekleyin. - UI Bileşenleri: Dashboard kategorisinden bir
gaugeve birchartdüğümü ekleyerek akışı birbirine bağlayın.
Adım 2: Dashboard Bileşenlerini Yapılandırma
Düğümleri sürükledikten sonra, arayüzde nasıl görüneceklerini belirlememiz gerekir:
Gauge (Gösterge) Ayarları:
- Group: "Makine Durumu" (Yeni bir grup oluşturun).
- Label: "Anlık Sıcaklık".
- Units: "°C".
- Range: min:
0, max:100. - Colors: 0-40 (Mavi), 40-70 (Yeşil), 70-100 (Kırmızı).
Chart (Grafik) Ayarları:
- Group: "Makine Durumu".
- Label: "Sıcaklık Trendi".
- Type: "Line Chart" (Çizgi Grafik).
- X-axis: "Last 1 hour" (Son 1 saat).
Adım 3: Yerleşim ve Yayına Alma (Deploy)
Bileşenlerin ekrandaki sıralamasını sağ paneldeki Dashboard sekmesinden düzenleyebilirsiniz. Hubbox üzerinden mobil cihazla bağlanacaksanız, grup genişliğini 6 veya Auto yaparak tam uyumluluk sağlayabilirsiniz.
http://192.168.24.254:1880/dashboard adresinden görüntüleyebilirsiniz.Profesyonel İpucu: Hubbox ile HTTP API Görselleştirme
MQTT yerine bir HTTP API (Örn: hava durumu veya ERP sistemi) üzerinden veri almak isterseniz:
- Bir
injectdüğümü kullanın (Her 5 dakikada bir tetiklemek için). http requestdüğümü ile API URL'sine GET isteği gönderin.- Gelen karmaşık JSON içinden ihtiyacınız olan değeri bir
changeveyafunctiondüğümü ile seçip Dashboard düğümlerine gönderin.
Node-RED tabanlı endüstriyel görselleştirme çözümleri için: www.hubbox.io