前言OneNET提供了内部的数据可视化展示然而样式与格式比较固定配置比较复杂最主要是好多的功能不开通VIP会员无法使用所以本文使用OneNET的API开放接口实现数据的网页前端展示展示效果如下图所示。OneNET温湿度第三方数据展示效果一、视频教程OneNET物联网温湿度网页数据展示二、环境准备网页空间网页空间需要支持PHP文件的运行一般网页空间都支持PHP的运行域名需要准备一个可用的域名三、功能简介本网页程序实现了与 OneNET API 的数据对接使使用OneNET MQTT协议设备上传的数据温度、湿度可以直观的展示在网页上并且可以监测到设备的实时在线状态您可以对网页上的阈值进行设置当温度/湿度超过阈值时网页会通过背景闪烁、指针变红和声音报警手动开启。当您第一次访问时会要求您填写设备的OneNET信息如下图所示填写后即可正常使用四、OneNET配置方法1.登录 OneNET 平台OneNET 物联网平台免费物联网开放平台https://open.iot.10086.cn/console2.创建产品①产品开发②创建产品③配置信息④创建完成3.添加设备①设备管理②添加设备③设备信息④添加完成4.信息获取①设备详情②信息获取5.Token生成下载 OneNET 官方提供的 Token生成工具点击下载参数配置 resproducts/{产品id}/devices/{设备名} et1893427200 //时间戳当前时间2030-01-01 00:00:00 //时间戳转换网站https://tool.chinaz.com/tools/unixtime.aspx key设备密钥 对应到我们的产品 resproducts/7v59QJTl1T/devices/test1 et1893427200 keyNE5tdHZ5NkRoblhZb1J3ejRBdmhZV3hSb25xRWJtWXc 生成信息 Token生成version2018-10-31resproducts%2F7v59QJTl1T%2Fdevices%2Ftest1et1893427200methodmd5signToUauGiwKgtH7S%2BU27CeXA%3D%3D6.配置物理模型①产品开发②设置物理模型③添加自定义功能点④温/湿度设置⑤保存配置五、服务器配置方法1.上传文件①在管理页面点击文件管理器②在网站目录上传文件并解压一般情况下网站的目录都是在wwwroot下若没有可以看虚拟主机的说明2.域名绑定①在管理页面点击域名绑定②根据说明绑定域名③域名添加记录在域名的DNS管理中添加解析记录④添加绑定域名⑤绑定完成测试使用⑥填写信息分别填写上面获取的 Token、产品ID、设备名称 三个信息即可完成配置项目部署部署地址https://cloud.tao-space.top/2025/06/16/onenet%e7%89%a9%e8%81%94%e7%bd%91%e6%b8%a9%e6%b9%bf%e5%ba%a6%e7%bd%91%e9%a1%b5%e6%95%b0%e6%8d%ae%e5%b1%95%e7%a4%ba/