Beklager, nettleseren din støtter ikke JavaScript!
Logg inn

Bygg ditt eget IAMMETER-energidashboard på 5 minutter

Mange IAMMETER-brukere ønsker etter hvert å tilpasse grensesnittet for overvåking. For eksempel:

  • Legge til bedriftens logo på overvåkingspanelet for presentasjoner eller kundeprosjekter
  • Vise bare bestemte parametere, for eksempel aktiv effekt, reaktiv effekt eller strøm
  • Lage mer visuelt tiltalende diagrammer for å presentere energidata
  • Bygge et energiovervåkingspanel for storskjerm for å overvåke flere IAMMETER-målere
  • Lage et tilpasset grensesnitt for sol- og energiovervåking for sitt eget system

For å støtte disse tilpasningsbehovene lanserte IAMMETER det åpne kildekode-prosjektet:

👉 /newsshow/iammeter-app-store-launched

Prosjektet er bygget rundt IAMMETER API og lokale grensesnitt, slik at brukere kan utvikle sine egne applikasjoner.

Tidligere krevde denne typen tilpasning programmeringskunnskap.

Men nå, med hjelp av AI, har ting endret seg.

Selv ikke-utviklere kan nå bygge sitt eget IAMMETER Static App-energidashboard på bare noen få minutter. Videoveiledning


Bygg et IAMMETER-dashboard med AI

Start med å åpne IAMMETER GPT-assistenten:

https://chatgpt.com/g/g-68e9cc3b83408191901b66b524ba5373-iammeter-assistant

Spør deretter bare om noe sånt som:

gi meg en static app som overvåker effektverdien til enfasemåleren. la meg konfigurere IP-adressen og oppdateringsintervallet i dette dashboardet.

Du kan beskrive hvilke som helst krav direkte, for eksempel:

  • Overvåke reaktiv effekt
  • Vise NEM-avlesninger (Net Energy Metering)
  • Lage et profesjonelt overvåkingspanel for solenergi
  • Legge til interaktive diagrammer
  • Overvåke flere IAMMETER-målere

Så lenge forespørselen din inneholder nøkkelord som «static app» eller «dashboard», vil IAMMETER GPT-assistenten forstå at du ønsker å generere en Static App.

Assistenten vil deretter generere et komplett HTML-basert energiovervåkingsdashboard.


Forhåndsvis det genererte dashboardet

Nedenfor er et eksempel på en samtale med IAMMETER GPT-assistenten.

IAMMETER GPT-assistenten genererer et statisk energiovervåkingsdashboard ved hjelp av AI

Du kan forhåndsvise den genererte Static App-en direkte i grensesnittet.

Hvis du vil ha endringer, er det bare å fortsette samtalen og be AI-en om å endre den.


Last ned og kjør din Static App

Når du er fornøyd med det genererte dashboardet:

  1. Klikk på Last ned
  2. Lagre den genererte HTML-filen
  3. Åpne den lokalt i nettleseren din
Kjøring av et IAMMETER statisk HTML-dashboard lokalt i en nettleser for energiovervåking

Ingen installasjon er nødvendig.


Hvorfor IAMMETER Static Apps?

Static Apps er ekstremt enkle og kraftfulle.

  • Ingen server nødvendig
  • Ingen installasjon nødvendig
  • Bare én HTML-fil
  • Fungerer i alle moderne nettlesere

Dette gjør Static Apps ideelle for:

  • energiovervåkingspaneler
  • overvåkingspaneler for solenergi
  • visualisering av strømforbruk
  • overvåkingsskjermer for flere målere

Med AI-hjelp har barrieren for å bygge egne dashboarder praktisk talt forsvunnet.

Nå er fantasien den eneste grensen.


Eksempel: Enkelt IAMMETER statisk dashboard

Nedenfor er et enkelt eksempel som viser hvordan en Static App kan lese data fra en IAMMETER-måler.

<!DOCTYPE html>
<html>
<head>
<title>IAMMETER Power Monitor</title>
</head>

<body>

<h2>IAMMETER Power Dashboard</h2>

Power: <span id="power">loading...</span> W

<script>

const meterIP = "192.168.1.6";

function updatePower(){

fetch(`http://${meterIP}/monitorjson`)
.then(res=>res.json())
.then(data=>{
document.getElementById("power").innerText=data.Data[0].P;
});

}

setInterval(updatePower,3000);
updatePower();

</script>

</body>
</html>

Med AI-hjelp kan du enkelt utvide dette til et komplett energiovervåkingsdashboard med diagrammer og flere målere.


Prøv IAMMETER AI-assistenten

👉 https://chatgpt.com/g/g-68e9cc3b83408191901b66b524ba5373-iammeter-assistant

Bruk AI-assistenten til å generere din egen IAMMETER Static App for energidashboard.


Del din Static App

Hvis du har laget en Static App du liker, er du velkommen til å sende den inn til IAMMETER App Store:

👉 https://github.com/IAMMETER/appstore

Andre IAMMETER-brukere kan deretter laste ned og bruke applikasjonen din.

IAMMETER vil også belønne bidragsytere gjennom fellesskapsprogrammet vårt:

👉 /community/rewards-points-program

Vi gleder oss til å se flere kreative applikasjoner fra fellesskapet.

Topp