Создайте свою панель мониторинга энергии IAMMETER за 5 минут

Многие пользователи IAMMETER со временем хотят настроить свой интерфейс мониторинга. Например:

Добавить логотип компании на панель мониторинга для презентаций или проектов клиентов
Отображать только определенные параметры, такие как активная мощность, реактивная мощность или ток
Создавать более привлекательные графики для представления данных об энергии
Построить панель мониторинга энергопотребления на большом экране для отслеживания нескольких счетчиков IAMMETER
Создать пользовательский интерфейс мониторинга солнечной энергии и электропотребления для своей системы

Для поддержки этих потребностей в настройке IAMMETER запустила проект с открытым исходным кодом:

Проект построен вокруг IAMMETER API и локальных интерфейсов, что позволяет пользователям разрабатывать собственные приложения.

Раньше такая настройка требовала знаний программирования.

Но теперь, с помощью ИИ, всё изменилось.

Даже не-разработчики могут создать собственную панель мониторинга IAMMETER Static App всего за несколько минут. видеоурок

Создайте панель мониторинга IAMMETER с помощью ИИ

Начните с открытия помощника IAMMETER GPT:

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

Затем просто попросите что-то вроде:

please give me a static app, monitor the power value of the single phase meter. let me configure the IP and refresh interval in this dashboard.

Вы можете напрямую описать любые требования, например:

Отслеживать реактивную мощность
Отображать показания NEM (чистого измерения электроэнергии)
Создать профессиональную панель мониторинга солнечной энергии
Добавить интерактивные графики
Отслеживать несколько счетчиков IAMMETER

Если ваш запрос содержит ключевые слова, такие как «static app» или «dashboard», помощник IAMMETER GPT поймет, что вы хотите создать Static App.

Затем помощник сгенерирует полноценную HTML-панель мониторинга энергопотребления.

Предварительный просмотр созданной панели мониторинга

Ниже приведен пример диалога с помощником IAMMETER GPT.

Помощник IAMMETER GPT создает статическую панель мониторинга энергопотребления с помощью ИИ

Вы можете просмотреть созданную Static App прямо в интерфейсе.

Если вы хотите внести изменения, просто продолжите диалог и попросите ИИ изменить её.

Загрузка и запуск вашей Static App

Когда созданная панель мониторинга вас устраивает:

Нажмите Download
Сохраните сгенерированный HTML-файл
Откройте его локально в вашем браузере

Запуск статической HTML-панели мониторинга IAMMETER локально в браузере для мониторинга энергопотребления

Установка не требуется.

Почему IAMMETER Static Apps?

Static Apps чрезвычайно просты и мощны.

Не требуется сервер
Не требуется установка
Всего один HTML-файл
Работает в любом современном браузере

Это делает Static Apps идеальными для:

панелей мониторинга энергопотребления
панелей мониторинга солнечной энергии
визуализации потребления электроэнергии
экранов мониторинга нескольких счетчиков

С помощью ИИ барьер для создания собственных панелей мониторинга практически исчез.

Теперь единственное ограничение — ваше воображение.

Пример: простая статическая панель мониторинга IAMMETER

Ниже приведен простой пример, показывающий, как Static App может считывать данные со счетчика IAMMETER.

<!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>

С помощью ИИ вы можете легко расширить это до полноценной панели мониторинга энергопотребления с графиками и несколькими счетчиками.