物联网平台Node-RED系列(六):Node-RED解析节点的使用

这把我C 2021-01-14 18:10:48 14163

上一期我们讲到了Node-RED中序列节点的使用,利用序列节点我们可以对消息体进行拆分,合并,排序,本篇文章我再来给大家讲一下Node-RED中解析parser分类下的节点,该分类下有5个节点,

  • csv 在CSV格式的字符串及其JavaScript对象表示形式之间进行相互转换。
  • html 使用CSS选择器从msg.payload中保存的html文档中提取元素。
  • json 在JSON字符串及其JavaScript对象表示形式之间相互转换。
  • xml 在XML字符串及其JavaScript对象表示形式之间进行相互转换。
  • yaml 在YAML格式的字符串及其JavaScript对象表示形式之间相互转换。
html

要使用这个节点,我们可以搭配一个http的请求节点,使用http节点,去获取一个html的全部内容,然后使用html节点去进行解析
在解析的时候,首先要选择一个标签,比如你要获取一个html中的所有p标签,那么就可以这样配置,你可以将所有p标签内的文本内容存放到msg.payload中,当做一个数组来处理。
如图

请求的html是这个,http://mczaiyun.top/data/1.html

内容很简单

<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <meta name="author" content="http://www.softwhy.com/" />
    <title>scrollWidth和scrollHeight属性-蚂蚁部落</title>
    <style type="text/css">
        * {
            margin: 0px;
            padding: 0px;
        }

        #box {
            width: 200px;
            height: 150px;
            border: 1px solid #ddd;
            margin: 0px auto;
            margin-top: 50px;
            /* overflow: scroll; */
            padding: 0px;
        }

        #box::before {
            content: url("data:image/svg+xml,%3Csvg t='1610605001506' class='icon' viewBox='0 0 1024 1024' version='1.1' xmlns='http://www.w3.org/2000/svg' p-id='9843' xmlns:xlink='http://www.w3.org/1999/xlink' width='16' height='16'%3E%3Cdefs%3E%3Cstyle type='text/css'%3E%3C/style%3E%3C/defs%3E%3Cpath d='M562.005333 512l-211.2-211.2 60.330667-60.330667L682.666667 512l-271.530667 271.530667-60.330667-60.330667z' p-id='9844' fill='%239DA1A7'%3E%3C/path%3E%3C/svg%3E");
        }
    </style>
</head>

<body>
    <div id="box">
        <p>段落1</p>
        <p>段落2</p>
        <p>段落3</p>
        <p>段落4</p>
        <p>段落5</p>
        <p>段落6</p>
    </div>

</body>

</html>

浏览可见

我们使用这个节点,可以去定时监控一个页面的内容,比如有一个人发布了一篇文章,我们可以给某人发一封邮件。
也可以使用一些对外的信息,如微博,发布一条微博,来控制led灯的关闭,开启。这样的实战案例,需要我们来通过解析微博内容,来获取我们需要的内容。当然这里需要定制消息体,比如#开启#LED 或者#关闭#LED。解析相应的内容,进行不用的操作。

以下是这条流的json数据,大家可以导入自己动手做一下。

[
    {
        "id": "70d9360.22b68cc",
        "type": "tab",
        "label": "Flow 2",
        "disabled": false,
        "info": ""
    },
    {
        "id": "c063491c.2a1318",
        "type": "html",
        "z": "70d9360.22b68cc",
        "name": "get p",
        "property": "payload",
        "outproperty": "payload",
        "tag": "p",
        "ret": "text",
        "as": "single",
        "x": 650,
        "y": 260,
        "wires": [
            [
                "f6760bc5.997d58"
            ]
        ]
    },
    {
        "id": "f6760bc5.997d58",
        "type": "debug",
        "z": "70d9360.22b68cc",
        "name": "",
        "active": true,
        "tosidebar": true,
        "console": false,
        "tostatus": false,
        "complete": "payload",
        "targetType": "msg",
        "statusVal": "",
        "statusType": "auto",
        "x": 900,
        "y": 260,
        "wires": []
    },
    {
        "id": "56422139.aff37",
        "type": "http request",
        "z": "70d9360.22b68cc",
        "name": "1.html",
        "method": "GET",
        "ret": "txt",
        "paytoqs": "body",
        "url": "http://mczaiyun.top/data/1.html",
        "tls": "",
        "persist": false,
        "proxy": "",
        "authType": "",
        "x": 370,
        "y": 260,
        "wires": [
            [
                "c063491c.2a1318"
            ]
        ]
    },
    {
        "id": "27d30977.7bc8e6",
        "type": "inject",
        "z": "70d9360.22b68cc",
        "name": "",
        "props": [
            {
                "p": "topic",
                "vt": "str"
            }
        ],
        "repeat": "",
        "crontab": "",
        "once": false,
        "onceDelay": 0.1,
        "topic": "",
        "x": 170,
        "y": 260,
        "wires": [
            [
                "56422139.aff37"
            ]
        ]
    }
]
json

json节点的使用与html差不多,
我们请求这个地址http://mczaiyun.top/data/wxdl.json来获取一个json数据,

这个json的内容是

如图

是文心雕龙的文章

使用debug节点来打印json节点处理后的信息如下

csv

csv的文件内容

请求地址
http://mczaiyun.top/data/test.csv

请求的配置

配置完成之后 打印的效果是

xml

与csv一致

yaml

yaml 我们可以请求 这个地址的一个yaml文件
http://mczaiyun.top/data/pmc.yml

声明:本文内容由易百纳平台入驻作者撰写,文章观点仅代表作者本人,不代表易百纳立场。如有内容侵权或者其他问题,请联系本站进行删除。
红包 87 10 评论 打赏
评论
0个
内容存在敏感词
手气红包
    易百纳技术社区暂无数据
相关专栏
置顶时间设置
结束时间
删除原因
  • 广告/SPAM
  • 恶意灌水
  • 违规内容
  • 文不对题
  • 重复发帖
打赏作者
易百纳技术社区
这把我C
您的支持将鼓励我继续创作!
打赏金额:
¥1易百纳技术社区
¥5易百纳技术社区
¥10易百纳技术社区
¥50易百纳技术社区
¥100易百纳技术社区
支付方式:
微信支付
支付宝支付
易百纳技术社区微信支付
易百纳技术社区
打赏成功!

感谢您的打赏,如若您也想被打赏,可前往 发表专栏 哦~

举报反馈

举报类型

  • 内容涉黄/赌/毒
  • 内容侵权/抄袭
  • 政治相关
  • 涉嫌广告
  • 侮辱谩骂
  • 其他

详细说明

审核成功

发布时间设置
发布时间:
是否关联周任务-专栏模块

审核失败

失败原因
备注
拼手气红包 红包规则
祝福语
恭喜发财,大吉大利!
红包金额
红包最小金额不能低于5元
红包数量
红包数量范围10~50个
余额支付
当前余额:
可前往问答、专栏板块获取收益 去获取
取 消 确 定

小包子的红包

恭喜发财,大吉大利

已领取20/40,共1.6元 红包规则

    易百纳技术社区