[DOCS] Theengs Plug highlight and SEO improvements (#1730)

* [DOCS] Theengs Plug highlight

* Add alt content for images and description
This commit is contained in:
Florian authored and GitHub committed 2023-08-11 13:04:52 -05:00
1 parent 79a8591b83
commit 7a2bb04a1b
19 files changed
+138 -109

No files matched your search

+13 -13
View File
@@ -10,7 +10,7 @@ Prerequisites: node-red, node-red-dashboard
* Add a new broker or connect to an existing one (server field)
* Set the topic like below with the MAC address at the end being the one of the device you want to integrate
![](../img/OpenMQTTgateway_NODERED-integration.png)
![NodeRed integration](../img/OpenMQTTgateway_NODERED-integration.png)
::: tip
The "+" enables to process the data from all the gateways whatever name they have. So you may setup several OpenMQTTGateway, you will not have to change the Node-Red configuration.
@@ -21,17 +21,17 @@ This configuration enables to process all the data coming from the sensor.
* Click on done
* So as to monitor the traffic coming; you can add a debug node with *msg.payload* as Output
![](../img/OpenMQTTgateway_NODERED-integration-debug.png)
![NodeRed integration](../img/OpenMQTTgateway_NODERED-integration-debug.png)
* Link it to the `mqtt in` node
![](../img/OpenMQTTgateway_NODERED-integration-debug2.png)
![NodeRed integration](../img/OpenMQTTgateway_NODERED-integration-debug2.png)
* Deploy
* Open the debug panel
* You should see messages coming when the gateway will receive data
![](../img/OpenMQTTgateway_NODERED-integration-debug3.png)
![NodeRed integration](../img/OpenMQTTgateway_NODERED-integration-debug3.png)
### Json message processing
We need to process the json message so as to extract the value that we want to display.
@@ -40,7 +40,7 @@ We need to process the json message so as to extract the value that we want to d
* Configure it as `Move`
* Add the msg value you would like to process example *msg.payload.tempc* and the target *msg.payload*
![](../img/OpenMQTTgateway_NODERED-integration-process.png)
![NodeRed integration](../img/OpenMQTTgateway_NODERED-integration-process.png)
* Connect the `change` node to the `mqtt in` node
@@ -51,7 +51,7 @@ You can now add widget so as to display the value processed above
* Add a group and organize your dashboard
* Add your value format to process the payload like below
![](../img/OpenMQTTgateway_NODERED-gauge.png)
![NodeRed integration](../img/OpenMQTTgateway_NODERED-gauge.png)
* Click on Done
* Deploy
@@ -59,17 +59,17 @@ You can now add widget so as to display the value processed above
You should see the gauge with the last value displayed
![](../img/OpenMQTTgateway_NODERED-gauge-dashboard.png)
![NodeRed integration](../img/OpenMQTTgateway_NODERED-gauge-dashboard.png)
You can also add easily a chart node:
![](../img/OpenMQTTgateway_NODERED-chart.png)
![NodeRed integration](../img/OpenMQTTgateway_NODERED-chart.png)
![](../img/OpenMQTTgateway_NODERED-chart-dashboard.png)
![NodeRed integration](../img/OpenMQTTgateway_NODERED-chart-dashboard.png)
Or a function with a notification:
![](../img/OpenMQTTgateway_NODERED-flow-BLE-temperature.png)
![NodeRed integration](../img/OpenMQTTgateway_NODERED-flow-BLE-temperature.png)
## Integrate RF
@@ -77,11 +77,11 @@ Here is a simple set of flows for integrating OpenMQTTGateway with NodeRED via a
In this example I have used a Wemos D1 Mini with some cheap RF modules.
![](https://i.imgur.com/z2RFvUw.jpg)
![NodeRed integration](https://i.imgur.com/z2RFvUw.jpg)
A flow to receive 433MHz signals into NodeRED (you will need to update the IP address of your broker)
![](https://i.imgur.com/2UWYzHg.jpg)
![NodeRed integration](https://i.imgur.com/2UWYzHg.jpg)
```json
[
@@ -141,7 +141,7 @@ A flow to receive 433MHz signals into NodeRED (you will need to update the IP ad
A flow to send 433MHz signals from NodeRED
![](https://i.imgur.com/PMlWyii.jpg)
![NodeRed integration](https://i.imgur.com/PMlWyii.jpg)
```json
[