完善资料让更多小伙伴认识你,还能领取20积分哦, 立即完善>
一、简介
Node-Red去年就听说了,可以作为个人物联网服务器及页面展示,安装好之后,只需要在网页拖控件,配置信息就可以用了,可以说是不用编程的工具,适用于那些学生项目中,需要用到物联网平台数据展示等。一般来说,是你的硬件部分已经完成了,可以正常的在比如MQTT服务器上收发数据,但是,你还需要弄一个web端的平台进行数据展示,这个时候就很适合用这个东西,很多学生的毕业设计就有这样的需求,但是又只会做硬件,不会服务器的软件程序,这个只需要拖拽控件,设置参数就好了。 安装过程就不说了,随便搜一大堆,官网也有教程,我也写有一篇(传送门)。想知道详细的资料,可以去官网看开发手册。下面通过一些练习来学习Node-Red,练习的例子也是从阿正的教程里整理出来的,可以先去看一遍视频下来再过来看着实操。 二、练习 1、B站粉丝数展示 (1)安装UI控件库 在此之前,你要安装好dashboard这个UI控件库,在节点管理中,安装里搜node-red-dashboard,点击安装即可,安装后在这里可以看到。 安装完就可以在左边的这些控件最下面看到新安装的dashboard的UI控件。 (2)教程 数据输入 首先我们是需要周期性的发一个http请求,然后服务器返回数据,我们再处理数据,并展示出来。 周期性执行这个功能,用共通控件里的inject控件,双击进去,设置消息流为JSON,然后点后面这个省略号进入编辑具体的JSON内容,写完记得点一下格式化json,检查一下有没有语法错误,然后在最底下选周期性执行,每隔1分钟。如果后面想暂时不用这个功能,可以点左下角的有效。 http请求 因为我们的http请求是周期性的,所以用网络里面的http request这个控件,有输入也有输出,然后按图中设置参数。 后面这串数字是你的B站ID号,也可以直接用浏览器访问看看。 会给你返回这串JSON格式的数据,上面这个URL就叫做API接口+参数。这个API返回的数据比较简洁,需要更多的信息的,可以找找别的API,然后自己做下数据处理。然后每个信息流的尾部,最好都加一个共通里面的debug调试控件来输出信息。 UI控件数据展示 用dashboard中的text input控件,Value format中填入{{msg.payload.data.follower}},显示的就是UP主粉丝数,相应的,following是关注数,名称是要换一个API:https://api.bilibili.com/x/space/acc/info?mid=27735202,这个比较复杂一点,name是UP主名称。 仪表盘UI控件 仪表盘UI控件是gauge这个,Value format填入{{msg.payload.data.follower}},然后再填个最小最大值,其他都差不多。 如果用到按钮、日历、开关等其他控件,也是差不多这样设置,里面的Group是涉及到Web页面展示效果,接下来会讲到。 Web展示 在这右边点这里,然后点Dashboard,会出现这些东西。 我这里是因为前面就导入了模板,你新弄的应该就只有一个,或者没有,就新建一个Group,把刚刚的控件都设置到这个Group里,再移动一下位置,具体怎么调可以看看阿正的视频提到的,然后再自己尝试。 接着再点这个site,对Web的UI页面进行设置,网页名称、菜单设置等,最后部署,点一下那个分享一样的图标就可以打开网页了,网页实时更新,若有改动,重新部署一下,自己就会变的。 后续会继续更新。 |
|
|
|
只有小组成员才能发言,加入小组>>
903浏览 0评论
小黑屋| 手机版| Archiver| 电子发烧友 ( 湘ICP备2023018690号 )
GMT+8, 2024-12-5 01:31 , Processed in 0.590062 second(s), Total 81, Slave 61 queries .
Powered by 电子发烧友网
© 2015 bbs.elecfans.com
关注我们的微信
下载发烧友APP
电子发烧友观察
版权所有 © 湖南华秋数字科技有限公司
电子发烧友 (电路图) 湘公网安备 43011202000918 号 电信与信息服务业务经营许可证:合字B2-20210191 工商网监 湘ICP备2023018690号