在前端开发中，推送通知是一个非常重要的功能。Node-RED 是一个基于 Node.js 的可视化编程工具，可以让开发者通过拖拽的方式连接各种输入输出节点，从而构建出复杂的数据流。而 node-red-contrib-pushover-inline-image 是一个可以方便地将图片添加到 Pushover 通知中的 Node-RED 插件。
安装
使用 npm 可以非常方便地安装 node-red-contrib-pushover-inline-image：
$ npm install node-red-contrib-pushover-inline-image
配置
安装完成后，在 Node-RED 的管理界面中选择“节点”选项卡，查找 node-red-contrib-pushover-inline-image 并安装。
安装后，您需要在 Node-RED 上创建一个名为 pushover-inline-image 的节点，并配置下列参数：
- 帐户令牌：您的 Pushover 帐户的 API 令牌。
- 用户密钥：您的 Pushover 用户的 API 密钥。
- 设备名称：Pushover 推送通知将发送到的设备名称。
- 标题：Pushover 通知的标题。
- 消息：Pushover 通知的正文内容。
- 图片 URL：要在通知中显示的图片的 URL，可以是网络地址或本地文件路径。如果此参数留空，则通知中不包含图片。
- 图片宽度：通知中图片的宽度，单位为像素。如果此参数留空，则使用原始大小。
- 图片高度：通知中图片的高度，单位为像素。如果此参数留空，则使用原始大小。
使用方法
在配置好节点后，您就可以使用 node-red-contrib-pushover-inline-image 来向您的 Pushover 帐户发送通知了。
首先，您需要将 pushover-inline-image 的输出连接到其他节点上，以便将数据发送到通知中。例如，您可以将 pushover-inline-image 连接到一个 mqtt 发布节点，将 mqtt 消息发送到通知中：
在 mqtt 发布节点中，将主题设置为“pushover”，消息设置为您要发送的通知内容：
在 pushover-inline-image 节点中，将帐户令牌、用户密钥、设备名称、标题、消息设置为您的 Pushover 帐户相关信息。
如果您要添加图片，将图片 URL、图片宽度和图片高度设置为您要显示的图片信息。例如，我们来发送一条带有图片的通知：
示例代码
下面是一个完整的 Node-RED 流程，演示了如何使用 node-red-contrib-pushover-inline-image 发送带有图片的 Pushover 通知：
[{"id":"44752d53.20b18","type":"tab","label":"Pushover Inline Image","disabled":false,"info":""},{"id":"1434381a.97f901","type":"mqtt out","z":"44752d53.20b18","name":"","topic":"pushover","qos":"","retain":"","broker":"","x":553,"y":201,"wires":[]},{"id":"8642af42.8dfb48","type":"inject","z":"44752d53.20b18","name":"","props":[{"p":"payload"},{"p":"topic","vt":"str"}],"repeat":"","crontab":"","once":false,"onceDelay":0.1,"topic":"","payload":"This is a test message","payloadType":"str","x":191,"y":200,"wires":[["b10e2bcc.afd1c"]]},{"id":"ae8c1eaa.bcb958","type":"http request","z":"44752d53.20b18","name":"","method":"GET","ret":"bin","paytoqs":false,"url":"https://source.unsplash.com/256x256?nature,water","tls":"","proxy":"","authType":"","x":379,"y":303,"wires":[["1de45bc8.383396"]]},{"id":"1de45bc8.383396","type":"change","z":"44752d53.20b18","name":"Set image properties","rules":[{"t":"set","p":"payload","pt":"msg","to":"payload","tot":"msg"},{"t":"set","p":"width","pt":"msg","to":"256","tot":"num"},{"t":"set","p":"height","pt":"msg","to":"256","tot":"num"}],"action":"","property":"","from":"","to":"","reg":false,"x":581,"y":303,"wires":[["1434381a.97f901","de31d528.89c2"]]},{"id":"b10e2bcc.afd1c","type":"pushover-inline-image","z":"44752d53.20b18","name":"Pushover Inline Image","device":"","title":"","message":"","image":"","width":"","height":"","account":"a9df2a284c3571fd3005fd39d9918f0d","userkey":"umsg12cqj5eq5ib5zp5f5c5d3e3qwo","x":361,"y":201,"wires":[["1434381a.97f901"]]},{"id":"de31d528.89c2","type":"debug","z":"44752d53.20b18","name":"","active":true,"tosidebar":true,"console":false,"tostatus":false,"complete":"true","targetType":"full","statusVal":"","statusType":"auto","x":763,"y":303,"wires":[]},{"id":"9ef38f2c.c4e8e8","type":"comment","z":"44752d53.20b18","name":"Pushover Inline Image Example","info":"","x":243,"y":100,"wires":[]}]总结
node-red-contrib-pushover-inline-image 是一个非常方便实用的 Node-RED 插件，可以帮助开发者轻松地向 Pushover 帐户发送各种通知，并且支持添加图片。使用本教程中的方法，您可以在自己的 Node-RED 项目中轻松地使用该插件，为您的应用程序添加更丰富的功能。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60065f93238a385564ab7034