nodered创建节点_云家庭自动化系列：第3部分在NodeRED中创建Web客户端以从Web控制ESP32...

node-red创建节点

欢迎使用简单学习AWS Cloud Home Automation &＃xff0c;从零到英雄系列。 在第三部分中&＃xff0c; we are going to create a web-endpoint that will trigger remote execution in ESP32 by securely switching ON/OFF the ESP32 inbuilt led from a website hosted in Node-RED we are going to create a web-endpoint that will trigger remote execution in ESP32 by securely switching ON/OFF the ESP32 inbuilt led from a website hosted in 。 在开始之前&＃xff0c;让我们做一个回顾&＃xff0c;在第1部分中&＃xff0c;我们将ESP32 MCU与AWS相连&＃xff0c;并且能够将消息发布到IoT Core&＃xff0c;在第2部分中&＃xff0c;我们上传了另一个代码&＃xff0c;该代码与Things Shadow交互以控制使用MQTT客户端内置的ESP32 。 The following series split into four parts (refer below) with very simple and clear instructions to provision a home automation system to control house appliances through the web. 一切都从头开始涵盖了&＃xff0c;您不会遇到任何困难。 如有任何疑问&＃xff0c; 请在LinkedIn上给我留言 。 随时轻松探索它们&＃xff0c;跳到与您相关的主题。

1. 第一部分 -将设备&＃xff08;ESP32&＃xff09;连接到AWS云。
2. 第二部分 -使用设备影子服务&＃xff08;AWS IoT&＃xff09;来控制使用MQTT客户端内置的ESP32。
3. 第三部分   -创建一个托管在Node-RED中的安全Web客户端&＃xff0c;以控制ESP32内置LED。
4. 第四部分 -真正的交易&＃xff1a;创建一个自动化系统&＃xff0c;以使用AWS和ESP32使您的灯泡变得智能。 [快来了]

Node-RED是一种基于流程的可视化开发工具&＃xff0c;最初是由IBM开发的&＃xff0c;用于将物联网的一部分的硬件设备&＃xff0c;API和在线服务连接在一起。 Why are we using Node-RED &＃xff1f; 因为我们可以安全地存储证书和私钥以与AWS MQTT代理进行交互&＃xff0c;所以构建Web客户端应用程序以与AWS IoT Core进行通信很容易。 相反&＃xff0c;我们自己实现这些组件将很乏味。

Prerequisites &＃xff1a;

1. 这是以下系列的延续。 因此&＃xff0c;我们需要确保我们正确地遵循了所有步骤&＃xff0c;并且能够在最后两部分中实现理想的输出。
2. 我们将重用第2部分中使用的Arduino代码。因此&＃xff0c;插入ESP32&＃xff0c;它将像超级按钮一样工作&＃xff0c;不需要上传。
3. 本教程主要介绍了动手实践&＃xff0c;AWS IoT的先验知识是一个优势。 单击此处以查看AWS官方IoT文档。
4. 我们需要一个免费的Tier AWS帐户或IBM Cloud来通过Web托管Node-RED应用程序。

Learning Objectives &＃xff1a;

1. 我们将创建一个托管在AWS或IBM云中的Web客户端应用程序&＃xff0c;该应用程序订阅AWS MQTT代理。 因此&＃xff0c;我们可以将交互发送到ESP32&＃xff0c;以通过代理打开/关闭led。

So let&＃39;s see something happen now .

首先&＃xff0c;我们将在AWS或IBM Cloud中托管Node-RED 。 Click here to follow the steps for AWS或者Click here to follow the step for IBM cloud (Follow Step 1 to Step 5 only )

需要记住的一些事情&＃xff0c;如果您将Node-RED实例托管在AWS上 &＃xff0c;尽管它是一个免费的层实例&＃xff0c;但在不使用它时将其关闭。 如果执行停止并启动&＃xff0c;则计算机的公用IPv4公用IP将更改。 对于IBM Cloud &＃xff0c; Node-RED部署需要一定的投入&＃xff0c;但IBM Cloud不需要信用卡即可使用其Lite计划&＃xff0c;与AWS相比&＃xff0c;托管应用程序使用SSL&＃xff0c;在闲置30天后删除了Lite计划服务&＃xff0c;对于学习一些新东西以保持好奇&＃x1f60e;。

制作中&＃xff1a;流程

登录到Node-RED之后&＃xff0c;在侧栏中我们可以看到操作符号&＃xff0c;它将用于制作整个工作流程&＃xff0c;如下所示。 我们正在尝试创建两个HTTP端点&＃xff08;ON / OFF信号&＃xff09;&＃xff0c;以将请求发送到AWS MQTT以及从AWS MQTT发送到ESP32&＃xff0c;反之亦然。

为了实现此流程&＃xff0c;我们将使用预定义的流程并将其导入Node-RED。 单击此处下载flows.json&＃xff08; 单击 另存为并将其保存在本地计算机中&＃xff09;。 接下来&＃xff0c;单击右上角的菜单按钮&＃xff08;三条平行的水平线&＃xff09;&＃xff0c;然后选择Import并选择jsons.flow文件。 之后&＃xff0c;一个新选项卡&＃xff08;Web客户端流程&＃xff09;将加载原理图。

现在&＃xff0c;我们将进行一些小的更改&＃xff0c;然后整个流程将启动并运行。 首先&＃xff0c;我们将选择每个影子主题&＃xff0c;并将{thingname}替换为我们之前给出的实际事物名称&＃xff08;例如ESP32&＃xff09;&＃xff0c;请参阅Part I - Connect your device (ESP32) to AWS cloud 。 双击 阴影话题块&＃xff08;检查与$ AWS启动&＃xff09;&＃xff0c;在主题中&＃xff0c;我们需要作出这个改变&＃xff0c;如下图所示&＃xff0c;然后点击完成所有的影子主题&＃xff08;四个主题&＃xff09;。

现在&＃xff0c;双击任何一个Shadow主题&＃xff0c;我们将更改AWS_Broker的配置详细信息。 单击AWS_Broker旁边的“编辑”按钮✎&＃xff0c;如下所示。 在连接下&＃xff0c;将服务器地址更改为之前提供的AWS IoT端点地址&＃xff0c;如果您不记得了&＃xff0c;请单击此处转到AWS IoT主仪表板&＃xff0c;确保将区域选择为N.弗吉尼亚州&＃xff0c;转到设置 &＃xff08;第二个选项&＃xff08;在边栏&＃xff09;和“自定义”端点下&＃xff0c;您将找到端点&＃xff08;Server_Address&＃xff09;。 之后&＃xff0c;我们将更新证书和私钥&＃xff0c;在TLS配置旁边有一个“编辑”按钮✎单击以继续进行操作。

在这里&＃xff0c;我们将上传在系列的第1部分中创建的证书和私钥&＃xff0c;请参阅Part I - Connect your device (ESP32) to AWS cloud 。 在证书上载中&＃xff0c; Thing Certificate和其余内容是不言自明的。 点击这里   复制或下载CA证书。 完成后&＃xff0c;单击更新→更新→完成。 至此&＃xff0c;我们已经完成了Node-RED配置。 接下来&＃xff0c;我们将进行测试。 Note: We don&＃39;t need to repeat it for other Shadow Topics as the AWS-Broker configuration tied with all Shadow Topics, thus it is a one time change.

测试中

因此&＃xff0c;在最终检查中&＃xff0c;我们将在Internet上部署我们的工作流。 单击右上角的部署 。 部署后&＃xff0c;您将可以看到阴影主题显示为已连接。 现在&＃xff0c;使用USB电缆插入ESP32&＃xff0c;等待一段时间以建立连接&＃xff08;在这里&＃xff0c;我们使用的是与第2部分相同的Arduino代码&＃xff09;。 现在&＃xff0c;我们将测试Web端点&＃xff0c;点击您的Node-RED主URL&＃xff0c;然后点击/ OFF &＃xff0c;AWS&＃xff08;例如http://52.90.186.136:1880/OFF &＃xff09;和IBM Cloud&＃xff08;例如https://aws-iot.eu-gb.cf.appdomain.cloud/OFF &＃xff09;。 它将加载一个网站&＃xff0c;单击灯泡以打开/关闭内置的LED。 如果您已经走到现在&＃xff0c;tadaa&＃xff01; 你终于做到了&＃x1f4aa;。 Note: The following web endpoints (ON/OFF) is available on the internet and accessible from anywhere.

Congratulations on completing the 3rd part :) 。 在下一部分中&＃xff0c;我们将实现最终目标&＃xff0c;即创建一个自动化系统&＃xff0c;以使用AWS和ESP32使您的灯泡变得智能。

翻译自: https://hackernoon.com/cloud-home-automation-seriespart-3-create-web-client-in-node-red-to-control-esp32-from-web-4w1b3avj

node-red创建节点