Wiki source code of How to creat dashboard for a device?
Show last authors
author | version | line-number | content |
---|---|---|---|
1 | |||
2 | |||
3 | **Table of Contents:** | ||
4 | |||
5 | {{toc/}} | ||
6 | |||
7 | |||
8 | = 1. Overview: = | ||
9 | |||
10 | After device data arrive to the platform via the method of [[Connect Device to ThingsEye>>https://wiki.thingseye.io/xwiki/bin/view/Main/How%20to%20connect%20my%20devices%20to%20ThingsEye%3F/#]]. We can creat the Dashboard for the specify device. so to view the sensor detail of each device. | ||
11 | |||
12 | |||
13 | Note: We can create only one rule chain, device profile and dashboard for on type of devices. | ||
14 | |||
15 | |||
16 | = 2. For devices which already have dashboard / profile/ rule chain. = | ||
17 | |||
18 | == 2.1 Get the jsons file == | ||
19 | |||
20 | where to get:[[https:~~/~~/github.com/ThingsEye-io/te-platform/tree/main/Devices/Dragino>>path:/xwiki/bin/get/Main/How%20to%20import%20and%20use%20the%20dashboard%3F/?sheet=CKEditor.ResourceDispatcher&outputSyntax=plain&language=&type=doc&reference=&typed=]] | ||
21 | |||
22 | what files to get:Select the model you need and download three JSON files from it | ||
23 | |||
24 | Such as: | ||
25 | |||
26 | |(% colspan="1" %)((( | ||
27 | [[sn50v3_nb_mod9_dashboard_.json>>url:https://github.com/ThingsEye-io/te-platform/blob/main/Devices/Dragino/SN50v3-NB-Mod9/sn50v3_nb_mod9_dashboard_.json]] | ||
28 | ))) | ||
29 | |(% colspan="1" %)((( | ||
30 | [[sn50v3_nb_mod9_device_profile.json>>url:https://github.com/ThingsEye-io/te-platform/blob/main/Devices/Dragino/SN50v3-NB-Mod9/sn50v3_nb_mod9_device_profile.json]] | ||
31 | ))) | ||
32 | |(% colspan="1" %)((( | ||
33 | [[sn50v3_nb_mod9_rule_chain.json>>url:https://github.com/ThingsEye-io/te-platform/blob/main/Devices/Dragino/SN50v3-NB-Mod9/sn50v3_nb_mod9_rule_chain.json]] | ||
34 | ))) | ||
35 | |||
36 | == 2.2 Import Rule chain == | ||
37 | |||
38 | Firstly, we need to import the rule chain. | ||
39 | |||
40 | Open rule chains, click on the "+" in the upper right corner, | ||
41 | |||
42 | select "import rule chain", and then drag the downloaded JSON file with the suffix "_rule_chain" into the text box | ||
43 | |||
44 | * Only need to import once for same type of devices. | ||
45 | |||
46 | ****[[image:1729040952504-811.png||height="556" width="1138"]] | ||
47 | |||
48 | [[image:1729066864346-718.png||height="596" width="1140"]] | ||
49 | |||
50 | == 2.3 Import Device profile and select the rule chain == | ||
51 | |||
52 | === 2.3.1 Import Device profile === | ||
53 | |||
54 | At this step, we need to import the device profile first, as shown in the figure. | ||
55 | |||
56 | First, we need to open the device profiles, click on the "+" in the upper right corner, select "import device profile", | ||
57 | |||
58 | and then select the file with the suffix "_device_defiles" that we have already downloaded. Drag it into the text box. | ||
59 | |||
60 | [[image:1729041156898-931.png||height="523" width="1144"]] | ||
61 | |||
62 | [[image:1729066636027-958.png||height="616" width="1167"]] | ||
63 | |||
64 | === 2.3.2 Modify the rule chain in the device profiles === | ||
65 | |||
66 | After importing the rule chain and device profile, we need to link them together. | ||
67 | |||
68 | At this point, we need to modify the rule chain on the device profiles page. | ||
69 | |||
70 | In this section, first we need to open the device profiles module again, | ||
71 | |||
72 | click on the newly imported device profile file, and then click on the top right corner“ 🖊” After entering the editing mode, | ||
73 | |||
74 | we will see the Default rule chain under the details section. | ||
75 | |||
76 | Click on it and select the corresponding rule chain we have newly imported, | ||
77 | |||
78 | then click the "√" in the upper right corner to save it. | ||
79 | |||
80 | [[image:1729041627624-611.png||height="576" width="1167"]] | ||
81 | |||
82 | [[image:1729041918618-753.png||height="558" width="1151"]] | ||
83 | |||
84 | == 2.4 Import Dashboard and link to each device == | ||
85 | |||
86 | Need to repeat for every new device. | ||
87 | |||
88 | Make sure the device already creat in the platform. | ||
89 | |||
90 | == ** Step1.Import dashboard** == | ||
91 | |||
92 | [[image:1728978901199-201.png||height="591" width="1156"]] | ||
93 | |||
94 | [[image:1729066158155-749.png||height="603" width="1165"]] | ||
95 | |||
96 | == == | ||
97 | |||
98 | == step5.Open our new dashboard and modify the input device for each accessory == | ||
99 | |||
100 | [[image:1729042442077-819.png||height="580" width="1160"]] | ||
101 | |||
102 | [[image:1729042599152-568.png||height="571" width="1166"]] | ||
103 | |||
104 | [[image:1729042895928-321.png||height="565" width="1165"]] | ||
105 | |||
106 | Then use this method to modify the input devices of all modules in the dashboard | ||
107 | |||
108 | = 3. For devices doesn't have dashboard / profile/ rule chain. = | ||
109 | |||
110 | {{{How should we import and use a complete dashboard when we receive it? Taking the SN50v3 N_NBemod9 dashboard as an example, this note will provide you with detailed information | ||
111 | |||
112 | first of all, we will receive three JSON files, which include the dashboard, device profiles, and rule chain.}}} | ||
113 | |||
114 | [[image:1728978901187-650.png]] | ||
115 | |||
116 | == == | ||
117 | |||
118 | == **Step3. Import Rule chain** == | ||
119 | |||
120 | |||
121 | == == | ||
122 | |||
123 | == == | ||
124 | |||
125 | Now our dashboard has been successfully imported and the data can be displayed after processing. Next, we only need to transfer the data in and we can see the data displayed on the dashboard. | ||
126 | |||
127 | [[image:1728978901221-951.png||height="591" width="1134"]] | ||
128 | |||
129 | {{{Hope this article can be helpful to you.Good luck to you!}}} |