时间过的很快，不知不觉已到第十二章。经过前面教程的讲解和实践，数据接入服务的功能已初步完成。

此章节将通过可视化的实现，对设备接入进行监控，实时监听设备的接入情况及设备的在线时长。

并且可以通过订阅按钮、取消订阅按钮、查看数据按钮，对上报数据进行实时的跟踪和查阅。

效果展示

1.浏览器输入 http(s)😕/localhost:8080

2.如果有设备接入，表格中将显示连接情况（表格实时显示设备的连接情况，可点击按钮刷新）

3.点击订阅按钮，订阅数据

4.点击查看数据按钮，跳转至数据展示页，查看实时上报的数据

5.点击取消订阅按钮，取消实时数据的展示

代码示例

首先，消息的实时