5 分钟构建您的 IAMMETER 能源仪表盘

许多 IAMMETER 用户最终都希望定制自己的监控界面。例如：

在监控仪表盘中添加公司 Logo，用于演示或客户项目
仅显示特定参数，如有功功率、无功功率或电流
创建更具视觉吸引力的图表来展示能源数据
构建大屏能源监控仪表盘，监控多个 IAMMETER 电表
为自己的系统创建自定义太阳能和能源监控界面

为支持这些定制需求，IAMMETER 推出了开源项目：

👉 /newsshow/iammeter-app-store-launched

该项目基于 IAMMETER API 和本地接口 构建，允许用户开发自己的应用程序。

过去，这类定制需要编程知识。

但现在，借助 AI 的帮助，情况已经改变。

即使是非开发人员，也能在几分钟内构建自己的 IAMMETER Static App 能源仪表盘。

video tutorial

用 AI 构建 IAMMETER 仪表盘

首先打开 IAMMETER GPT 助手：

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

然后直接提出需求，例如：

请给我一个 static app，监控单相电表的功率值。让我在这个仪表盘中配置 IP 和刷新间隔。

您可以直接描述任何需求，例如：

监控无功功率
显示 NEM（净计量） 读数
创建专业的太阳能监控仪表盘
添加交互式图表
监控多个 IAMMETER 电表

只要您的请求中包含 "static app" 或 "dashboard" 等关键词，IAMMETER GPT 助手就会理解您想要生成一个 Static App。

助手将随后生成一个完整的 基于 HTML 的能源监控仪表盘。

预览生成的仪表盘

以下是 IAMMETER GPT 助手的对话示例。

您可以直接在界面中预览生成的 Static App。

如需修改，只需继续对话，让 AI 进行调整即可。

下载并运行您的 Static App

当您对生成的仪表盘满意后：

点击下载
保存生成的 HTML 文件
在浏览器中本地打开

无需安装任何程序。

为什么选择 IAMMETER Static Apps？

Static Apps 极其简单且强大。

无需服务器
无需安装
仅需一个 HTML 文件
可在任何现代浏览器中运行

这使得 Static Apps 非常适用于：

能源监控仪表盘
太阳能监控仪表盘
用电量可视化
多电表监控大屏

借助 AI 的帮助，构建自定义仪表盘的门槛已基本消失。

现在，唯一的限制就是您的想象力。

示例：简单的 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>

借助 AI 的帮助，您可以轻松将其扩展为包含图表和多个电表的完整能源监控仪表盘。