Line 16: |
Line 16: |
| <li> Click marked "<b>+</b>" buttons to add new device to the group.</li> | | <li> Click marked "<b>+</b>" buttons to add new device to the group.</li> |
| </ol> | | </ol> |
− | [[File:1- overview window.png]] | + | [[File:1111.png]] |
| | | |
| | | |
Line 23: |
Line 23: |
| <li> Configure your device's <b>Label</b> (Optional)</li> | | <li> Configure your device's <b>Label</b> (Optional)</li> |
| </ol> | | </ol> |
− | [[File:2-Add New Device.png]] | + | [[File:22222222222.png]] |
| | | |
| | | |
Line 34: |
Line 34: |
| <li> Click <b>Add</b> button to save changes. </li> | | <li> Click <b>Add</b> button to save changes. </li> |
| </ol> | | </ol> |
− | [[File:Thingboards_io_configuring_credentials.png|border|class=tlt-border]] | + | [[File:33333333.png |border|class=tlt-border]] |
| | | |
| === Credentials type: MQTT Basic === | | === Credentials type: MQTT Basic === |
Line 45: |
Line 45: |
| <li> Click <b>Add</b> button to save changes. </li> | | <li> Click <b>Add</b> button to save changes. </li> |
| </ol> | | </ol> |
− | [[File:3- Add New Device.png]] | + | [[File:44444444444.png]] |
| | | |
| ==Preparing data source== | | ==Preparing data source== |
Line 53: |
Line 53: |
| | | |
| 1. First, change WEBUI mode from <b>basic</b> to <b>advanced</b>.<br> | | 1. First, change WEBUI mode from <b>basic</b> to <b>advanced</b>.<br> |
− | [[File:Advanced Mood.png |border|class=tlt-border]] | + | [[File:05.png|border|class=tlt-border]] |
| 2. Go to <b>Services → Modbus TCP Server</b> page.<br> | | 2. Go to <b>Services → Modbus TCP Server</b> page.<br> |
| 3. Enable <b>Modbus TCP Server</b>.<br> | | 3. Enable <b>Modbus TCP Server</b>.<br> |
− | [[File:Go to Services → Modbus TCP Server page..png]] | + | [[File:5555555555555555555.png]] |
| 4. Go to <b>Modbus TCP Client</b> page and add new Server device.<br> | | 4. Go to <b>Modbus TCP Client</b> page and add new Server device.<br> |
− | [[File:Go to Modbus TCP Client page and add new Server device..png ]] | + | [[File:20.png]] |
| 5. Configure <b>Modbus TCP master's Server device</b> as shown below to return device's uptime value.<br> | | 5. Configure <b>Modbus TCP master's Server device</b> as shown below to return device's uptime value.<br> |
− | [[File:Modbus TCP Client Server device.png|border|class=tlt-border|1152x525px]] | + | [[File:100.png|border|class=tlt-border|1152x525px]] |
| + | 6. Configure '''Data Type'''. |
| + | [[File:9.png|border|class=tlt-border|1152x525px]] |
| | | |
| ==Configuring data to server with HTTP protocol== | | ==Configuring data to server with HTTP protocol== |
Line 66: |
Line 68: |
| 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. |
| | | |
− | [[File:Services → Data to server.png]] | + | [[File:10.png]] |
| | | |
− | [[File:DATA CONFIGURATION.png]] | + | * Configure '''Data'''. |
− | [[File:SERVER CONFIGURATION.png]] | + | |
| + | [[File:110.png]] |
| + | |
| + | * Configure '''HTTP Server'''. |
| + | [[File:150.png]] |
| | | |
| <ol> | | <ol> |
| <li> Set name for the <b>Data sender</b>.</li> | | <li> Set name for the <b>Data sender</b>.</li> |
− | <li> Set desirable name for your data variable. Make sure that your chosen parameter is shown below JSON format field.</li>
| |
| <li> 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> |
Line 82: |
Line 87: |
| 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. |
| | | |
− | [[File:Services → Data to server.png]] | + | [[File:13.png]] |
− | [[File:2.png]] | + | * Configure '''Data'''. |
− | [[File:3.png]] | + | [[File:14.png]] |
| + | * Configure '''MQTT Server'''. |
| + | [[File:160.png]] |
| <ol> | | <ol> |
− | <li> Set name for the <b>Data sender</b>.</li>
| |
| <li> Choose <b>MQTT</b> protocol.</li> | | <li> Choose <b>MQTT</b> protocol.</li> |
− | <li> Set desirable name for your data variable. Make sure that your chosen parameter is shown below JSON format field.</li>
| |
| <li> Enter <b>thingsboard.cloud</b> as a host.</li> | | <li> Enter <b>thingsboard.cloud</b> as a host.</li> |
| <li> Paste in MQTT topic. </li> | | <li> Paste in MQTT topic. </li> |
Line 101: |
Line 106: |
| <li> 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> | | </ol> |
− | [[File:Latest telemetry.png]] | + | [[File:500.png]] |
| | | |
| | | |
Line 110: |
Line 115: |
| <li> Press <b>Show on widget </b> button.</li> | | <li> Press <b>Show on widget </b> button.</li> |
| </ol> | | </ol> |
− | [[File:Show on widget.png]] | + | [[File:600.png]] |
| <ol> | | <ol> |
| <li> Choose bundle accordingly to your data.</li> | | <li> Choose bundle accordingly to your data.</li> |
Line 116: |
Line 121: |
| <li> Add widget to dashboard.</li> | | <li> Add widget to dashboard.</li> |
| </ol> | | </ol> |
− | [[File:Add widget to dashboard..png]] | + | [[File:700.png]] |
| <ol> | | <ol> |
| <li> Create new dashboard. </li> | | <li> Create new dashboard. </li> |
Line 122: |
Line 127: |
| <li> Adds widget to dashboard.</li> | | <li> Adds widget to dashboard.</li> |
| </ol> | | </ol> |
− | [[File:Dashbord.png]] | + | [[File:1000000.png]] |
| | | |
| | | |