前言
OneNET提供了内部的数据可视化展示，然而样式与格式比较固定，配置比较复杂，最主要是好多的功能不开通VIP会员无法使用；所以本文使用OneNET的API开放接口实现数据的网页前端展示，展示效果如下图所示。
一、视频教程
二、环境准备
购买后找客服免费索要邀请码，即可快速开始部署！
免费！免费！免费！
无需准备任何环境，只需要浏览器即可
网页空间
网页空间需要支持PHP文件的运行，一般网页空间都支持PHP的运行
域名
需要准备一个可用的域名
三、功能简介
本网页程序实现了与 OneNET API 的数据对接，使使用OneNET MQTT/HTTP等多协议设备上传的数据（温度、湿度）可以直观的展示在网页上，并且可以监测到设备的实时在线状态；您可以对网页上的阈值进行设置，当温度/湿度超过阈值时网页会通过背景闪烁、指针变红和声音报警（手动开启）。当您第一次访问时会要求您填写设备的OneNET信息，如下图所示，填写后即可正常使用！
四、工作流程图
物理模型需要在OneNet中配置，根据步骤来即可
报警数据会存储到云服务器
当从OneNet读取到的数值大于报警值时触发报警
六、OneNET配置方法
配置方法
获取信息 产品ID 设备名称 Token
物理模型
| 名称 | 符号(*) | 类型 | 备注 |
|---|---|---|---|
| 温度 | temp | int/float | |
| 湿度 | humi | int/float |
带有 * 的内容不可随意修改，否则会导致程序无法正常运行
此处的物理模型需要在OneNet中进行配置，下面有详细说明！
七、服务器配置方法
购买后找客服免费索要邀请码，即可快速开始部署！
免费！免费！免费！
1.登录网站
2.上传文件
3.访问主页
4.部署完成
分别填写上面获取的 Token、产品ID、设备名称 三个信息即可完成配置
教程以 轻云互联 的 虚拟主机 产品为例
特别注意：国内虚拟主机需要备案！！！
尽量选择 HK、US 等产品（价格基本都是 5元/月 左右）
1.上传文件
①在管理页面点击文件管理器
②在网站目录上传文件并解压
一般情况下，网站的目录都是在wwwroot下，若没有可以看虚拟主机的说明
2.域名绑定
①在管理页面点击域名绑定
②根据说明绑定域名
③域名添加记录
在域名的DNS管理中添加解析记录
④添加绑定域名
⑤绑定完成测试使用
分别填写上面获取的 Token、产品ID、设备名称 三个信息即可完成配置
八、程序下载
注意：购买前请再三确认，商品一旦出售概不退货，如有疑问请转至 疑问帮助