Editing Template:Networking rutos Thingsboard.io

Warning: You are not logged in. Your IP address will be publicly visible if you make any edits. If you log in or create an account, your edits will be attributed to your username, along with other benefits.

The edit can be undone. Please check the comparison below to verify that this is what you want to do, and then save the changes below to finish undoing the edit.

Latest revision Your text
Line 12: Line 12:
  
 
[[File:Thingboards_io_Overview_page.png]]
 
[[File:Thingboards_io_Overview_page.png]]
<ol>
+
 
    <li> Click on one of the marked in red buttons in the <b>Device groups</b> overview page. In this page you can also add additional device groups in order to distinguish different devices with unique data flows.</li>
+
<li>1. Click on one of the marked in red buttons in the <b>Device groups</b> overview page. In this page you can also add additional device groups in order to distinguish different devices with unique data flows.</li>
    <li> Click marked "<b>+</b>" buttons to add new device to the group.</li>
+
<li>2. Click marked "<b>+</b>" buttons to add new device to the group.</li>
</ol>
 
 
[[File:Thingboards_io_device_groups.png]]
 
[[File:Thingboards_io_device_groups.png]]
<ol>
+
<li>1. In the pop up window set name for your device.</li>
    <li> In the pop up window set name for your device.</li>
+
<li>2. Configure your device's <b>Access token</b>(Optional)</li>
    <li> Configure your device's <b>Access token</b>(Optional)</li>
+
[[File:Thingboards_io_add_new_device.png]]
</ol>
 
[[File:Thingboards_io_add_new_device.png|border|class=tlt-border]]
 
  
 
==== Credentials type: Access token (HTTP protocol) ====
 
==== Credentials type: Access token (HTTP protocol) ====
 
----
 
----
<ol>
+
 
    <li> Enable <b>Add credentials</b> option.</li>  
+
<li>1. Enable <b>Add credentials</b> option.</li>  
    <li> Set desirable <b>Access token</b>.  
+
<li>2. Set desirable <b>Access token</b>.  
    <li> Click <b>Add</b> button  to save changes. </li>
+
<li>3. Click <b>Add</b> button  to save changes. </li>
</ol>
+
[[File:Thingboards_io_configuring_credentials.png]]
[[File:Thingboards_io_configuring_credentials.png|border|class=tlt-border]]
 
  
 
=== Credentials type: MQTT Basic ===
 
=== Credentials type: MQTT Basic ===
 
----
 
----
<ol>
+
 
    <li> Enable <b>Add credentials</b> option.</li>  
+
<li>1. Enable <b>Add credentials</b> option.</li>  
    <li> Choose Credentials type:<b>MQTT  Basic</b>.</li>
+
<li>2. Choose Credentials type:<b>MQTT  Basic</b>.</li>
    <li> Set username which will be  used in MQTT authorization.</li>
+
<li>3. Set username which will be  used in MQTT authorization.</li>
    <li> Set password which will be  used in MQTT authorization.</li>
+
<li>4. Set password which will be  used in MQTT authorization.</li>
    <li>  Click <b>Add</b> button  to save changes. </li>
+
<li>5. Click <b>Add</b> button  to save changes. </li>
</ol>
+
[[File:Thingboards_io_configuring_credentials_mqtt_basic.png]]
[[File:Thingboards_io_configuring_credentials_mqtt_basic.png|border|class=tlt-border]]
 
  
 
==Preparing data source==
 
==Preparing data source==
Line 48: Line 43:
 
Different data streams can be selected depending on the device's supported functionality's. In this example we will be using <b>Modbus TCP slave</b> with native <b> Modbus TCP master </b> functionality.
 
Different data streams can be selected depending on the device's supported functionality's. In this example we will be using <b>Modbus TCP slave</b> with native <b> Modbus TCP master </b> functionality.
  
1. First, change WEBUI mode from <b>basic</b> to <b>advanced</b>.<br>
+
<li>1. First, change WEBUI mode from <b>basic</b> to <b>advanced</b>.</li>
 
[[File:Networking_rutx_manual_webui_basic_advanced_mode.gif|border|class=tlt-border]]
 
[[File:Networking_rutx_manual_webui_basic_advanced_mode.gif|border|class=tlt-border]]
2. Go to <b>Services → Modbus TCP slave</b> page.<br>
+
<li>2. Go to <b>Services → Modbus TCP slave</b> page.</li>
3. Enable <b>Modbus TCP slave</b>.<br>
+
<li>3. Enable <b>Modbus TCP slave</b>.</li>
 
[[File:Thingboards_io_Modbus_TCP_slave.png]]
 
[[File:Thingboards_io_Modbus_TCP_slave.png]]
4. Go to <b>Modbus TCP master</b> page and add new slave device.<br>
+
<li>4. Go to <b>Modbus TCP master</b> page and add new slave device.</li>
 
[[File:Thingboards_io_Modbus_TCP_master.png]]
 
[[File:Thingboards_io_Modbus_TCP_master.png]]
5. Configure <b>Modbus TCP master's slave device</b> as shown below to return device's uptime value.<br>
+
<li>5. Configure <b>Modbus TCP master's slave device</b> as shown below to return device's uptime value.</li>
 
[[File:Thingboards_io_Modbus_TCP_master_device.png]]
 
[[File:Thingboards_io_Modbus_TCP_master_device.png]]
  
Line 65: Line 60:
  
 
[[File:Thingboards_io_data_sender_configuration.png]]
 
[[File:Thingboards_io_data_sender_configuration.png]]
<ol>
+
<li>1. Set name for the <b>Data sender</b>.</li>
    <li> Set name for the <b>Data sender</b>.</li>
+
<li>2. Set desirable name for your data variable. Make sure that your chosen parameter is shown below JSON format field.</li>
    <li> Set desirable name for your data variable. Make sure that your chosen parameter is shown below JSON format field.</li>
+
<li>3. Paste connection string with your own <b>Access token</b>.</li>
    <li> Paste connection string with your own <b>Access token</b>.</li>
+
<pre>https://thingsboard.cloud/api/v1/YOUR_ACCESS_TOKEN/telemetry</pre>
    <pre>https://thingsboard.cloud/api/v1/YOUR_ACCESS_TOKEN/telemetry</pre>
+
<li>4. Add value to Custom header. </li>
    <li> Add value to Custom header. </li>
+
<pre>Content-Type:application/json</pre>
    <pre>Content-Type:application/json</pre>
+
 
</ol>
 
 
==Configuring data to server with MQTT protocol==
 
==Configuring data to server with MQTT protocol==
 
After configuring the data source, you can add a data sender configuration. Data sender functionality is located  <b>Services → Data to server</b>. You can add data sender by clicking <b>Add</b> button.
 
After configuring the data source, you can add a data sender configuration. Data sender functionality is located  <b>Services → Data to server</b>. You can add data sender by clicking <b>Add</b> button.
Line 78: Line 72:
 
[[File:Thingboards_io_Thingboards_io_Data_to_server_mqtt.png]]
 
[[File:Thingboards_io_Thingboards_io_Data_to_server_mqtt.png]]
 
[[File:Thingboards_io_data_sender_configuration_mqtt.png]]
 
[[File:Thingboards_io_data_sender_configuration_mqtt.png]]
<ol>
+
<li>1. Set name for the <b>Data sender</b>.</li>
    <li> Set name for the <b>Data sender</b>.</li>
+
<li>2. Choose <b>MQTT</b> protocol.</li>
    <li> Choose <b>MQTT</b> protocol.</li>
+
<li>3. Set desirable name for your data variable. Make sure that your chosen parameter is shown below JSON format field.</li>
    <li> Set desirable name for your data variable. Make sure that your chosen parameter is shown below JSON format field.</li>
+
<li>4. Enter <b>thingsboard.cloud</b> as a host.</li>
    <li> Enter <b>thingsboard.cloud</b> as a host.</li>
+
<li>5. Paste in MQTT topic. </li>
    <li> Paste in MQTT topic. </li>
+
<pre>v1/devices/me/telemetry</pre>
    <pre>v1/devices/me/telemetry</pre>
+
<li>6. Enable <b>Use credentials</b> option. Enter configured username and password from ThingsBoard IoT platform.</li>
    <li> Enable <b>Use credentials</b> option. Enter configured username and password from ThingsBoard IoT platform.</li>
 
</ol>
 
 
==Adding widget to the dashboard==
 
==Adding widget to the dashboard==
  
 
The collected data can be displayed using various a widgets. To create one you should be able to see gathered data in the <b>Latest telemetry </b> section. To access it you should follow these steps:
 
The collected data can be displayed using various a widgets. To create one you should be able to see gathered data in the <b>Latest telemetry </b> section. To access it you should follow these steps:
<ol>
+
<li>1. Click on the configured device. </li>
    <li> Click on the configured device. </li>
+
<li>2. From the pop-up menu select <b>Latest telemetry </b> option. There you should see collected data.</li>
    <li> From the pop-up menu select <b>Latest telemetry </b> option. There you should see collected data.</li>
 
</ol>
 
 
[[File:Thingboards_io_latest_telemetry.png]]
 
[[File:Thingboards_io_latest_telemetry.png]]
  
 
In order to display data in the widget you should:
 
In order to display data in the widget you should:
<ol>
+
<li>1. Click on the gathered data row.</li>
    <li> Click on the gathered data row.</li>
+
<li>2. Press <b>Show on  widget </b> button.</li>
    <li> Press <b>Show on  widget </b> button.</li>
 
</ol>
 
 
[[File:Thingboards_io_latest_telemetry_data.png]]
 
[[File:Thingboards_io_latest_telemetry_data.png]]
<ol>
+
<li>1. Choose bundle accordingly to your data.</li>
    <li> Choose bundle accordingly to your data.</li>
+
<li>2. Choose suitable chart for your data visualization.</li>
    <li> Choose suitable chart for your data visualization.</li>
+
<li>3. Add widget to dashboard.</li>
    <li> Add widget to dashboard.</li>
 
</ol>
 
 
[[File:Thingboards_io_charts.png]]
 
[[File:Thingboards_io_charts.png]]
<ol>
+
<li>1. Create new dashboard. </li>
    <li> Create new dashboard. </li>
+
<li>2. With this option enabled after addition you will be redirected to newly created dashboard</li>
    <li> With this option enabled after addition you will be redirected to newly created dashboard</li>
+
<li>3. Adds widget to dashboard.</li>
    <li> Adds widget to dashboard.</li>
+
[[File:Thingboards_io_adding_widget.png]]
</ol>
 
[[File:Thingboards_io_adding_widget.png|border|class=tlt-border]]
 
  
  
[[File:Thingboards_io_dashboard.png|border|class=tlt-border]]
+
[[File:Thingboards_io_dashboard.png]]
  
 
==See also==
 
==See also==
  
 
* https://thingsboard.io/docs/getting-started-guides/helloworld-pe/
 
* https://thingsboard.io/docs/getting-started-guides/helloworld-pe/

Please note that all contributions to Teltonika Networks Wiki may be edited, altered, or removed by other contributors. If you do not want your writing to be edited mercilessly, then do not submit it here.
You are also promising us that you wrote this yourself, or copied it from a public domain or similar free resource (see Teltonika Networks Wiki:Copyrights for details). Do not submit copyrighted work without permission!

Cancel Editing help (opens in new window)