OneNET物联网温湿度网页数据展示

前言

OneNET提供了内部的数据可视化展示，然而样式与格式比较固定，配置比较复杂，最主要是好多的功能不开通VIP会员无法使用；所以本文使用OneNET的API开放接口实现数据的网页前端展示，展示效果如下图所示。

一、视频教程

二、环境准备

网页空间

网页空间需要支持PHP文件的运行，一般网页空间都支持PHP的运行

域名

需要准备一个可用的域名

三、功能简介

本网页程序实现了与 OneNET API 的数据对接，使使用OneNET MQTT/HTTP等多协议设备上传的数据（温度、湿度）可以直观的展示在网页上，并且可以监测到设备的实时在线状态；您可以对网页上的阈值进行设置，当温度/湿度超过阈值时网页会通过背景闪烁、指针变红和声音报警（手动开启）。当您第一次访问时会要求您填写设备的OneNET信息，如下图所示，填写后即可正常使用！

四、工作流程图

六、OneNET配置方法

配置方法

物理模型

名称	符号(*)	类型	备注
温度	temp	int/float
湿度	humi	int/float

七、服务器配置方法

1.上传文件

①在管理页面点击文件管理器

②在网站目录上传文件并解压

一般情况下，网站的目录都是在wwwroot下，若没有可以看虚拟主机的说明

2.域名绑定

①在管理页面点击域名绑定

②根据说明绑定域名

③域名添加记录

在域名的DNS管理中添加解析记录

④添加绑定域名

⑤绑定完成测试使用

⑥填写信息

分别填写上面获取的 Token、产品ID、设备名称 三个信息即可完成配置

八、程序下载