Oprostite, vaš brskalnik ne podpira JavaScripta!
Prijava

Naj GPT zgradi vašo lastno nadzorno ploščo v realnem času

Marsikateri energetski navdušenec, uporabnik sončnih elektrarn, ljubitelj avtomatizacije doma ter razvijalec IoT naprav sanja o tem, da bi zgradil svojo nadzorno ploščo v realnem času.

Toda takoj ko pomislite na podrobnosti—HTML, JavaScript, razčlenjevanje MQTT, risanje grafov, postavitev uporabniškega vmesnika… Večina ljudi odneha.

Danes je celoten postopek izjemno preprost:

Posredujte svoje IAMMETER MQTT poverilnice in GPT bo samodejno ustvaril celotno nadzorno ploščo.

A tu je zelo pomembno pojasnilo:


Vsi modeli GPT ne znajo ustvariti pravilne kode

To zanesljivo zmore le IAMMETER Assistant

Splošni modeli GPT pogosto ustvarijo:

  • napačne API končne točke
  • nepravilne formate MQTT sporočil
  • neobstoječa polja
  • neuporaben JavaScript
  • nasprotujočo si logiko kode
  • kodo, ki preprosto ne deluje

IAMMETER Assistant pa je posebej naučen na:

  • IAMMETER API
  • IAMMETER MQTT protokolu in sporočilih
  • značilnih IAMMETER podatkovnih strukturah
  • resničnih delujočih primerih
  • najboljših praksah za IoT nadzorne plošče

Zato lahko ustvari:

✔ delujočo kodo ✔ čisto logiko sprednjega dela ✔ pravilne MQTT naročniške rokovalnike ✔ podatkovne modele, ki ustrezajo pravim IAMMETER napravam ✔ nadzorne plošče, ki takoj delujejo ✔ nenehne izboljšave na zahtevo

👉 Preizkusite IAMMETER Assistant tukaj: https://chatgpt.com/g/g-68e9cc3b83408191901b66b524ba5373-iammeter-assistant


Začnite s popolnoma ustvarjeno predstavitvijo: iammeterJS

(Da—celoten projekt je neposredno ustvaril IAMMETER Assistant)

image-20251201142633910

Preden ustvarite svojo nadzorno ploščo, se lahko ogrejete tako, da poženete celotno delujočo predstavitev:

👉 GitHub: iammeterJS https://github.com/lewei50/iammeterJS

To skladišče je idealno za začetnike, ker:

  • Vsako vrstico kode je ustvaril IAMMETER Assistant
  • vsebuje zaledje + sprednji del + MQTT logiko
  • lahko ga takoj zaženete (npm install → node mqtt-iammeter.js)
  • je preprosto razumljiv in razširljiv
  • je odličen vpogled v to, kako izgledajo »nadzorne plošče, ki jih ustvari umetna inteligenca«

Najprej preizkusite to in takoj boste občutili, kako preprost postane celoten potek dela.


Zgradite svojo nadzorno ploščo v realnem času

Z uporabo IAMMETER MQTT + kode, ki jo ustvari GPT

1. Namestite Node.js

Prenesite najnovejšo različico LTS: https://nodejs.org/


2. Prenesite projekt in konfigurirajte config.json

Spremenite ta tri polja:

mqtt_user
mqtt_pass
device_sn

Navodila za nastavitev najdete tukaj: /blog/subscribe-real-time-energy-data-mqtt#iammeter-mqtt-broker-configuration


3. Namestite odvisnosti

npm install

4. Zaženite storitev

node mqtt-iammeter.js

Odprite:

http://localhost:3000

Videli boste svojo nadzorno ploščo v realnem času, ki deluje z živimi IAMMETER MQTT podatki.


Pomembno: Prepričajte se, da je vaš IAMMETER števec v načinu MQTT

Omogočite način MQTT v skladu s tem navodilom: /blog/subscribe-real-time-energy-data-mqtt#configure-iammeter-meter-to-use-mqtt-mode

Predlagana nastavitev za testiranje: Interval pošiljanja = 6 sekund


Zabavni del: Naj IAMMETER Assistant nadaljuje z razvojem nadzorne plošče

Ko nadzorna plošča uspešno deluje, se začne prava čarovnija.

Svojo kodo HTML/JS lahko prilepite v IAMMETER Assistant in zahtevate katero koli izboljšavo:

  • »Naredi uporabniški vmesnik modernejši.«
  • »Dodaj kartico mesečne porabe energije.«
  • »Omogoči podporo več števcem (več naprav).«
  • »Dodaj gladke krivulje namesto ostrih črt.«
  • »Dodaj temni način.«
  • »Optimiziraj za mobilne naprave.«
  • »Dodaj izvoz v CSV.«
  • »Ustvari primerjalni graf med fazami.«

Pomočnik bo:

✔ razumel vašo obstoječo kodo ✔ natančno sledil IAMMETER protokolu ✔ na novo napisal ali razširil vašo nadzorno ploščo ✔ ustvaril popolnoma delujočo posodobljeno kodo

To je, kot da bi imeli svojega inženirja programske opreme z umetno inteligenco za razvoj z IAMMETER.


Zakaj drugi modeli GPT tega ne zmorejo

Splošni modeli GPT preprosto ne poznajo:

  • struktur IAMMETER sporočil
  • pomena IAMMETER polj
  • IAMMETER MQTT tem
  • formatov IAMMETER API odzivov
  • logike spremljanja porabe energije

To vodi do izmišljenih polj, napačnih struktur in pokvarjene kode.

IAMMETER Assistant pa je posebej naučen za:

  • spremljanje sončnih elektrarn v gospodinjstvih
  • IAMMETER števce energije
  • IoT nadzorne plošče
  • obdelavo MQTT v realnem času
  • vizualizacijo električnih parametrov

Zato dosledno ustvarja pravilno, delujočo in razširljivo kodo.


Sklepne misli:

Prihodnost razvoja nadzornih plošč je »pogonska z dialogom«, ne »pogonska s kodo«

Tradicionalno je izdelava nadzorne plošče zahtevala:

  • MQTT odjemalce
  • WebSocket rokovalnike
  • razčlenjevanje JSON
  • sprednji uporabniški vmesnik
  • knjižnice za grafe
  • CSS postavitve

Zdaj je potreben le en stavek:

»IAMMETER Assistant, prosim ustvari nadzorno ploščo v realnem času za moje IAMMETER MQTT podatke.«

Nato jo zaženite. Niste zadovoljni? Povejte mu, kaj naj spremeni. Kodo prepiše.

Vaša nadzorna plošča se razvija preprosto tako, da se z njo pogovarjate.

Na vrh