本文将帮助你设计一个基于 Web 的应用程序，使用 Node-RED 为地铁站的汽车提供一个自动智能停车系统。

Web 应用程序是在 Web 服务器上运行的软件。终端用户通过 Web 浏览器访问 Web 应用程序。Web 应用程序使用客户端—服务器（C/S）架构进行编程，该架构是用户（客户端）通过远程服务器（可能由第三方托管）提供服务。Web API（应用程序编程接口）在整个 Web 上是可用的，用户可以通过 HTTP 协议访问该接口，如图 1 所示。

本文将演示如何为地铁设计一个基于 Web 的汽车自动智能停车系统。 它是使用开源的 Node-RED 设计。该系统使用模板节点创建了一个交互式的、时尚的用户登录表单，用 HTML 和 CSS 编码以获取车主的详细信息，从而实现停车系统的自动化。我们可以在图 2 和图 3 看到登录表单和提交表单的流程图。

使用的节点如下：

地铁智能停车节点流程设计

Node-RED 由 node-red 命令激活。访问网址 http://127.0.0.1:1880/ 可以看到 Node-RED 用户界面流程浏览器已经启用，可以认为 Node-RED 设置已完成，可以正常工作了。

按照下面给出的步骤创建登录表单和提交表单。

登录表单

1、在节点画布中，拖放 http 输入 http in 节点，这会为创建 Web 服务创建一个 HTTP 访问点。

2、将 http 输入 http in 节点连接到 函数 function 节点。函数节点有助于编写 JavaScript 函数处理节点接收到的消息。

3、将 函数 function 节点连接到 模板 template 节点，模板节点基于提供的模板创建一个 Web API。

4、将 模板 template 节点连接到 http 响应 http response 节点，它将响应 http 输入 http in 节点的请求。

提交表单

1、拖放 http 输入 http in 节点并将其连接到 json 节点，json 节点将数据转换为 JSON 字符串进行通信。

2、将 http 输入 http in 节点连接到 调试 debug 节点，调试节点的调试监控器会输出结果。

3、将 json 节点放置并连接到 函数 function 节点，将后者连接到 http 响应 http response 节点。

创建完整流程后，单击 Node-RED 窗口右上角的 部署 Deploy 按钮。访问 http://127.0.0.1:1880/ui/ 这个链接查看用户界面。

输入链接然后单击 提交 Submit 后，该链接会跳转到下一页，你可以在该页面阅读所有新闻。

Node-RED 工作流程

在单个 Node-RED 流程中，你可以创建登录表单和提交表单，如图 4 和图 5 所示。

现在我们将配置节点属性。

登录表单

编辑 http 输入 http in 属性：

• 方法 method 选择 “Get”
• 网址 URL 设为 /MetroStation
• 名称 name 配置为 “ 智能停车系统 Smart Parking ”。

（LCTT 译注：下文 http 响应节点的名称为 Smart parking，p 字母小写，为了区分，此处中文翻译成智能停车系统。）

注意：URL 可以使用任何用户定义的本地变量。

现在选择 函数 function 节点，编辑函数节点属性：输入代码 msg.url = project ，并配置代码 名称 name 字段为 “ 项目提交 Project Submission ”。

在 模板 template 节点的属性窗口，为登录表单配置相应的 HTML 代码，并将代码 名称 name 命名为 “ 显示面板 Display panel ”。在此流程使用了 Mustache 模板格式（LCTT 译注：Mustache 是胡子的意思，因为它的嵌入标记 {{ }} 非常像胡子）。Mustache 是一个简单的 Web 模板系统，被描述为无逻辑的模板引擎。Mustache 没有任何显式的控制流语句，例如 if 和 else 条件和 for 循环。可以通过使用块标签处理列表和lambdas 来实现循环和条件评估。

配置编辑 http 响应 http response 节点的属性， 名称 name 设为 “ 智能停车 Smart parking ”（图 9） 。

提交表单

在 http 输入 http in 节点的编辑属性窗口， 方法 method 选择 “POST” ， 网址 URL 设为 /project。

在 JSON 节点的编辑窗口， 操作 Action 设为 “ JSON字符串与对象互转 Convert between JSON String & Object ”，参考图 11。

函数 function 节点的配置如图 12 所示。

在 http 响应 http response 节点，编辑属性 名称 name 为 “ 已提交项目 Project Submitted ”。

注意：添加带有评论的评论节点作为 “登录表单” 和 “提交表单”。

用户界面的控制面板

当用户单击 提交 Submit ，给出的数据将显示在用户界面和调试节点。如果单击 重置 Reset ，详细信息将被清除，允许用户输入新的详细信息（图15）。

地铁停车费率通过超链接提供，收费表在用户界面显示。因此，汽车智能停车系统通过适当的超链接实现自动化，展示地铁站的停车费。该自动化系统的最终输出可以在 Node-RED 控制面板的用户界面和调试监控器调取和展示。

via: https://www.opensourceforu.com/2022/06/build-a-smart-parking-system-for-a-metro-station/

作者：Dr Maheswari R. 选题：lkxed 译者：Maisie-x 校对：wxy

本文由 LCTT 原创编译，Linux中国 荣誉推出

查看本教程，看看使用 Node-RED 的拖放界面设置硬件流程是多么容易。

Node-RED 是一个编程工具，可让你使用基于浏览器的编辑器快速连接硬件设备。它具有大量的节点，可以以拖放的方式构建流程，这大大减少了开发时间。Node-RED 与树莓派的 Raspian Jessie 一起安装，你还可以独立下载 Node-RED。

为了向你展示它如何工作，我们将使用 Node-RED 构建一个简单的工具，与连接到树莓派的蜂窝调制解调器通信。使用蜂窝调制解调器，你可以通过蜂窝网络从你的树莓派发送/接收数据。你可以使用蜂窝网络提供商通常提供的 3G/4G USB 加密狗，也可以将开发板与 3G 或 4G 无线调制解调器连接。

无论你是连接 USB 加密狗还是开发板，树莓派的连接接口都是通过 USB 端口的。在本教程中，我将一块 SIM900 开发板通过一根 USB 转串行电缆连接到树莓派。

第一步是检查 SIM900 开发板是否连接到树莓派上。

USB 转串行适配器在这里被显示为连接到树莓派的 USB 设备之一。

接下来，检查 SIM900 连接的 USB 端口号。

在最后一行，你可以看到 SIM900 板（通过 USB 转串行转换器连接）连接到了树莓派上的 ttyUSB0。现在我们准备开始使用 Node-RED。

在树莓派上启动 Node-RED。

下载示例流图并将其导入到 Node-RED 中。请注意，流文件是该图形 UI 的 JSON 表示形式。

在 Node-RED 中，导入的流图应该看上去像这样：

注入节点设置 AT 命令需要查询调制解调器。添加换行 功能节点会在注入节点传递过来的 AT 命令后面附加 **
。添加换行 的输出然后被连接到串行输出节点，它将数据写入串行端口。来自调制解调器的 AT 命令的响应通过 串行输入 节点读取，该节点将响应输出到 调试 窗口。确认串行端口号和端口速度在 串行输入 和 串行输出** 节点中的配置。

Node-RED 是一种易于使用的编程工具，可用于快速集成和测试硬件设备。从本教程可以看出，使用 Node-RED 连接和测试使用树莓派的蜂窝模式不需要编码。

有关 Node-RED 和其他可以使用的方式的更多信息，请访问项目网站。

（题图： Thomas Hawk 的 Flickr. CC BY-NC 2.0. Opensource.com 修改）

作者简介：

Surya G - 我的兴趣是为物联网项目尤其是使用蜂窝调制解调器的项目做软件开发。

via: https://opensource.com/article/17/7/nodered-raspberrypi-hardware

作者：Surya G 译者：geekpi 校对：wxy

本文由 LCTT 原创编译，Linux中国 荣誉推出