NodeRed 搭建web服务器--①最简单的网页测试

armcsdn

已于 2022-03-02 14:12:22 修改

阅读量3.8k

点赞数 1

分类专栏： Node-Red 文章标签：服务器前端 http

于 2022-03-02 14:10:54 首次发布

本文链接：https://blog.csdn.net/armcsdn/article/details/123227554

版权

Node-Red 专栏收录该内容

28 篇文章 28 订阅

订阅专栏

本文介绍了如何使用NodeRed构建一个基本的Web服务器。通过配置http-in节点接受GET请求，结合http-response和template节点，可以返回一个静态HTML页面。步骤包括设置http-in节点的URL，使用template节点创建HTML内容，然后将输出连接到http-response节点以提供网页响应。最终，成功部署的流程可以在浏览器中展示NodeRed搭建的网页。

摘要由CSDN通过智能技术生成

NodeRed可以搭建web服务器。

要使用 node-red 实现 Web 服务器，您需要两个节点。他们是：

http-in -接受来自客户端的请求。
http-response - 响应来自客户端的请求。

http-in节点是Web 服务器，需要配置为接受URL 请求。

该节点支持 GET、POST、PUT、DELETE 和 PATCH 方法。

如下面的屏幕截图所示：

GET 是最常用的请求类型。

为了说明如何使用它，我们将配置一个简单的 Web 服务器来从myserver的基本 url 提供网页。

为此，我们首先配置http-in节点，如下面的屏幕截图所示：

如果您查看下面的屏幕截图，http-in 节点将接受URL /node上的get 请求。

所有其他请求将被忽略。

如果我们开始使用下面显示的简单流程，我们将http-in 节点的输出传递到调试节点并使用 Web 浏览器进行测试。

您将在调试节点中看到请求，但浏览器会显示错误。

这是因为浏览器期待响应但没有得到响应。

要将响应发送回浏览器，我们需要使用http-response节点。

我们可以通过简单地将 http-in 节点的输出连接到 http-response 节点来实现这一点。

地址栏输入

http://192.168.8.104:1880/node

结果显示空白，它可以工作，但我们在浏览器中看不到任何内容。

我们需要做的是返回一个网页。为此，我们可以利用模板节点创建一个页面。

模板的内容是一个 HTML 页面，如下所示：

网页代码

<!DOCTYPE html>
<html>
	<head>
	<title>NodeRed搭建网页测试</title>
	</head>
   <h1>这是NodeRed搭建的网页！测试成功</h1>
</html>

请注意，内容是在有效负载中返回的。

点击完成，并部署！

再次刷新网页!

完整流图代码

[{
	"id": "91c1b3a806e6bf4f",
	"type": "tab",
	"label": "流程 9",
	"disabled": false,
	"info": "",
	"env": []
}, {
	"id": "52f07f003fa7ce68",
	"type": "http in",
	"z": "91c1b3a806e6bf4f",
	"name": "",
	"url": "/node",
	"method": "get",
	"upload": false,
	"swaggerDoc": "",
	"x": 280,
	"y": 200,
	"wires": [
		["46bc566009ab10c1", "1fa7713ca576bdf1"]
	]
}, {
	"id": "46bc566009ab10c1",
	"type": "debug",
	"z": "91c1b3a806e6bf4f",
	"name": "",
	"active": true,
	"tosidebar": true,
	"console": false,
	"tostatus": false,
	"complete": "false",
	"statusVal": "",
	"statusType": "auto",
	"x": 530,
	"y": 180,
	"wires": []
}, {
	"id": "7b63f331abb9a9ea",
	"type": "http response",
	"z": "91c1b3a806e6bf4f",
	"name": "",
	"statusCode": "",
	"headers": {},
	"x": 670,
	"y": 300,
	"wires": []
}, {
	"id": "1fa7713ca576bdf1",
	"type": "template",
	"z": "91c1b3a806e6bf4f",
	"name": "",
	"field": "payload",
	"fieldType": "msg",
	"format": "handlebars",
	"syntax": "mustache",
	"template": "<!DOCTYPE html>\n<html>\n\t<head>\n\t<title>NodeRed搭建网页测试</title>\n\t</head>\n   <h1>这是NodeRed搭建的网页！测试成功</h1>\n</html>",
	"output": "str",
	"x": 500,
	"y": 280,
	"wires": [
		["7b63f331abb9a9ea"]
	]
}]