ThingsBoard平臺(tái)概述項(xiàng)目描述此項(xiàng)目以SMT產(chǎn)線為背景，使用PLC模擬SMT產(chǎn)線的設(shè)備，通過(guò)PLC內(nèi)置的程序產(chǎn)生數(shù)據(jù)，經(jīng)過(guò)網(wǎng)關(guān)配置MQTT協(xié)議將數(shù)據(jù)發(fā)送給ThingsBoard，再借助于Digitalgauges、Cards、Alarmwidgets等部件，制作一個(gè)數(shù)據(jù)大屏將數(shù)據(jù)直觀地展示出來(lái)。職業(yè)能力目標(biāo)能夠添加客戶(hù)、資產(chǎn)、設(shè)備及設(shè)備配置等；能夠配置規(guī)則鏈，通過(guò)規(guī)則鏈存儲(chǔ)數(shù)據(jù)、生成報(bào)警及發(fā)送郵件等；能夠通過(guò)配置MQTT協(xié)議，將數(shù)據(jù)從網(wǎng)關(guān)發(fā)送給ThingsBoard；能夠自定義部件；能夠使用儀表板制作數(shù)據(jù)大屏。學(xué)習(xí)目標(biāo)掌握ThingsBoard平臺(tái)的使用；掌握智能網(wǎng)關(guān)的IO點(diǎn)配置及協(xié)議配置；掌握儀表板的制作方法。ThingsBoard平臺(tái)概述12平臺(tái)簡(jiǎn)介平臺(tái)架構(gòu)3平臺(tái)功能平臺(tái)簡(jiǎn)介01平臺(tái)簡(jiǎn)介T(mén)hingsBoard是一個(gè)開(kāi)源平臺(tái)，可實(shí)現(xiàn)項(xiàng)目的快速開(kāi)發(fā)、管理和擴(kuò)展。ThingsBoard平臺(tái)功能如下。設(shè)備管理，資產(chǎn)和客戶(hù)并定義他們之間的關(guān)系。基于設(shè)備和資產(chǎn)收集數(shù)據(jù)并進(jìn)行可視化。采集遙測(cè)數(shù)據(jù)并進(jìn)行相關(guān)的事件處理進(jìn)行警報(bào)響應(yīng)?；谶h(yuǎn)程RPC調(diào)用進(jìn)行設(shè)備控制。基于生命周期事件、RESTAPI事件、RPC請(qǐng)求構(gòu)建工作流?；趧?dòng)態(tài)設(shè)計(jì)和響應(yīng)儀表板向客戶(hù)提供設(shè)備或資產(chǎn)的遙測(cè)數(shù)據(jù)?；谝?guī)則鏈自定義特定功能。發(fā)布設(shè)備數(shù)據(jù)至第三方系統(tǒng)。平臺(tái)架構(gòu)02平臺(tái)架構(gòu)下圖是ThingsBoard的平臺(tái)架構(gòu)。平臺(tái)架構(gòu)ThingsBoardTransports提供了基于MQTT、HTTP和CoAP的API接口，適用于多種設(shè)備應(yīng)用程序/固件。傳輸層從設(shè)備接收到消息后，它將被解析并推送到持久的消息隊(duì)列。ThingsBoardCore負(fù)責(zé)處理RESTAPI調(diào)用和WebSocket訂閱，同時(shí)也負(fù)責(zé)存儲(chǔ)有關(guān)活動(dòng)設(shè)備會(huì)話和監(jiān)視設(shè)備連接狀態(tài)。RuleEngine是平臺(tái)的核心，負(fù)責(zé)處理傳入平臺(tái)的消息。通過(guò)可視化的方式構(gòu)建規(guī)則節(jié)點(diǎn)和規(guī)則鏈，實(shí)現(xiàn)對(duì)數(shù)據(jù)的處理及存儲(chǔ)等。ThingsBoardWebUI是一個(gè)使用Express.js框架編寫(xiě)的輕量級(jí)組件，有豐富的組件類(lèi)型可以選用，每種類(lèi)型下面又有多種具體的功能組件，支持拖拽式布局。平臺(tái)功能03平臺(tái)功能ThingsBoard平臺(tái)可實(shí)現(xiàn)數(shù)據(jù)采集、處理、可視化和設(shè)備管理等功能。1.ThingsBoard設(shè)備管理（1）設(shè)備配置設(shè)備配置是為統(tǒng)一類(lèi)型的設(shè)備配置規(guī)則鏈、隊(duì)列名稱(chēng)、傳輸設(shè)置、報(bào)警規(guī)則以及設(shè)備的預(yù)設(shè)置。在ThingsBoard平臺(tái)主界面中，單擊配置菜單中的“設(shè)備配置”選項(xiàng)，進(jìn)入設(shè)備配置界面。平臺(tái)功能進(jìn)入設(shè)備配置后，可以看到當(dāng)前用戶(hù)下的所有設(shè)備配置列表。在設(shè)備配置列表中，每一行的設(shè)備配置都有“導(dǎo)出設(shè)備配置”、“設(shè)為默認(rèn)設(shè)備配置”和“刪除”選項(xiàng)。平臺(tái)功能在設(shè)備配置界面中，單擊“添加設(shè)備配置”圖標(biāo)，在下拉框中選中“創(chuàng)建設(shè)備配置”選項(xiàng)，可以創(chuàng)建一個(gè)新的設(shè)備配置。平臺(tái)功能設(shè)備配置的內(nèi)容一共有4項(xiàng)：設(shè)備配置詳情傳輸配置報(bào)警規(guī)則設(shè)備預(yù)配置在“設(shè)備配置詳情”中，名稱(chēng)是必填的，其余都是非必填項(xiàng)。每一個(gè)設(shè)備配置都可以掛載一個(gè)規(guī)則鏈，只能從當(dāng)前可見(jiàn)的規(guī)則鏈庫(kù)中選擇一個(gè)。平臺(tái)功能在“傳輸配置”中，傳輸方式可以選擇“默認(rèn)”、“MQTT”、“CoAP”等，這里選擇“默認(rèn)”的傳輸方式，可以支持基本MQTT、HTTP和CoAP傳輸。平臺(tái)功能“報(bào)警規(guī)則”及“設(shè)備預(yù)配置”這里不做詳細(xì)介紹，選擇默認(rèn)選項(xiàng)即可，完成配置，單擊“添加”按鈕，創(chuàng)建新的設(shè)備配置。如果要修改設(shè)備配置，或查詢(xún)?cè)O(shè)備配置的詳細(xì)信息，可以單擊該行設(shè)備配置，在右側(cè)設(shè)備配置詳情彈窗中，單擊“切換編輯模式”按鈕，進(jìn)入編輯模式。平臺(tái)功能（2）設(shè)備在ThingsBoard平臺(tái)主界面中，單擊配置菜單中的“設(shè)備”選項(xiàng)，進(jìn)入設(shè)備界面。進(jìn)入設(shè)備界面后，可以看到當(dāng)前用戶(hù)下的所有設(shè)備列表。在設(shè)備列表中，每一行的設(shè)備都有“公開(kāi)”、“分配給客戶(hù)”、“取消分配客戶(hù)”、“管理憑據(jù)”和“刪除”等選項(xiàng)。平臺(tái)功能在設(shè)備界面中，單擊“添加設(shè)備”圖標(biāo)，在下拉框中選中“添加新設(shè)備”選項(xiàng)，可以創(chuàng)建一個(gè)新的設(shè)備。添加新設(shè)備的內(nèi)容一共有3項(xiàng)：設(shè)備詳細(xì)信息憑據(jù)客戶(hù)在“設(shè)備詳細(xì)信息”中，名稱(chēng)、設(shè)備配置是必填的，其余是非必填項(xiàng)。每一個(gè)設(shè)備都需要選擇已有設(shè)備配置或新建設(shè)備配置。平臺(tái)功能在“憑據(jù)”中，勾選“添加憑據(jù)”，憑據(jù)類(lèi)型選擇“Accesstoken”，訪問(wèn)令牌可自定義?！翱蛻?hù)”可保持默認(rèn)選項(xiàng)，完成配置，單擊“添加”按鈕，創(chuàng)建新的設(shè)備。平臺(tái)功能在設(shè)備界面中，可以單擊設(shè)備行，在右側(cè)設(shè)備詳細(xì)信息彈窗中，可以查詢(xún)和操作的選項(xiàng)有7項(xiàng)。其中，“詳情”頁(yè)中可進(jìn)行“打開(kāi)詳情頁(yè)”、“分配給客戶(hù)”、“管理憑據(jù)”以及“刪除設(shè)備”等操作?！白钚逻b測(cè)數(shù)據(jù)”頁(yè)中可查看設(shè)備上傳的遙測(cè)數(shù)據(jù)。平臺(tái)功能2.ThingsBoard規(guī)則引擎（1）概念介紹①規(guī)則引擎規(guī)則引擎是基于事件開(kāi)發(fā)的一個(gè)易于使用的工作流的框架，它主要有3個(gè)組成部分。Message-事件接收：它可以來(lái)自設(shè)備、設(shè)備生命周期事件、RESTAPI事件、RPC請(qǐng)求等傳入的數(shù)據(jù)。RuleNode-消息處理：對(duì)接收的數(shù)據(jù)進(jìn)行過(guò)濾、轉(zhuǎn)換或者執(zhí)行。RuleChain-關(guān)聯(lián)消息：接收上一節(jié)點(diǎn)的出站消息將其發(fā)送至下一個(gè)節(jié)點(diǎn)。平臺(tái)功能②

規(guī)則節(jié)點(diǎn)RuleNode規(guī)則節(jié)點(diǎn)是規(guī)則引擎的主要邏輯單元，規(guī)則節(jié)點(diǎn)一次處理一個(gè)傳入消息，并生成一個(gè)或多個(gè)輸出消息。能過(guò)濾、增強(qiáng)、變換傳入消息，執(zhí)行動(dòng)作或與外部系統(tǒng)交互。③規(guī)則節(jié)點(diǎn)關(guān)聯(lián)RuleNodeRelation規(guī)則節(jié)點(diǎn)可以關(guān)聯(lián)到其它規(guī)則節(jié)點(diǎn)，每種關(guān)聯(lián)都有關(guān)聯(lián)類(lèi)型（RelationType），用于標(biāo)識(shí)節(jié)點(diǎn)關(guān)系的邏輯標(biāo)簽。規(guī)則節(jié)點(diǎn)在生成輸出消息時(shí)，通過(guò)指定關(guān)聯(lián)類(lèi)型將生成的消息路由到下一個(gè)節(jié)點(diǎn)。規(guī)則節(jié)點(diǎn)關(guān)聯(lián)類(lèi)型有表示成功和不成功的關(guān)系Success和Failure，有表示邏輯運(yùn)算的關(guān)系True或False，也有一些特定的規(guī)則節(jié)點(diǎn)可能使用完全不同的關(guān)聯(lián)類(lèi)型如“PostTelemetry”、“AttributesUpdated”、“EntityCreated”等。平臺(tái)功能④規(guī)則鏈規(guī)則鏈?zhǔn)且?guī)則節(jié)點(diǎn)及其關(guān)系的邏輯組，租戶(hù)管理員可以定義一個(gè)根規(guī)則鏈（RootRuleChain，默認(rèn)規(guī)則鏈），還可以定義多個(gè)其他規(guī)則鏈。根規(guī)則鏈處理所有輸入的消息，并將其轉(zhuǎn)發(fā)到其他規(guī)則鏈以進(jìn)行其他處理。⑤

規(guī)則節(jié)點(diǎn)類(lèi)型規(guī)則節(jié)點(diǎn)根據(jù)其性質(zhì)可分為以下5類(lèi)。平臺(tái)功能⑤規(guī)則節(jié)點(diǎn)類(lèi)型規(guī)則節(jié)點(diǎn)根據(jù)其性質(zhì)可分為以下5類(lèi)。a.過(guò)濾節(jié)點(diǎn)（FilterNodes）：用于消息過(guò)濾和路由節(jié)點(diǎn)節(jié)點(diǎn)名稱(chēng)節(jié)點(diǎn)說(shuō)明checkexistencefields檢查存在字段檢查入站的消息數(shù)據(jù)和元數(shù)據(jù)中所選鍵的是否存在checkrelation檢查節(jié)點(diǎn)關(guān)系根據(jù)類(lèi)型和方向檢查從所選實(shí)體到消息發(fā)起者的關(guān)系messagetype消息類(lèi)型過(guò)濾管理員為入站消息定義一組允許的消息類(lèi)型messagetypeswitch消息類(lèi)型切換根據(jù)消息類(lèi)型路由入站的消息originatortype發(fā)起者類(lèi)型管理員配置發(fā)起者實(shí)體類(lèi)型過(guò)濾入站消息originatortypeswitch發(fā)起者類(lèi)型轉(zhuǎn)換通過(guò)發(fā)起者實(shí)體類(lèi)型路由入站消息script腳本使用配置的JavaScript條件傳入的消息switch交換根據(jù)入站消息路由到一個(gè)或多個(gè)輸出鏈節(jié)點(diǎn)執(zhí)行已配置的JavaScript函數(shù)節(jié)點(diǎn)節(jié)點(diǎn)名稱(chēng)節(jié)點(diǎn)說(shuō)明customerattributes客戶(hù)實(shí)體屬性此節(jié)點(diǎn)查找消息發(fā)起者實(shí)體的客戶(hù)并將客戶(hù)屬性或最新遙測(cè)數(shù)據(jù)添加到消息元數(shù)據(jù)中customerdetails客戶(hù)詳細(xì)信息規(guī)則節(jié)點(diǎn)將客戶(hù)詳細(xì)信息中的字段添加到消息正文或元數(shù)據(jù)originatorattributes發(fā)起者屬性在消息元數(shù)據(jù)中添加消息發(fā)起者屬性和最新的遙測(cè)值originatorfields發(fā)起者字段此節(jié)點(diǎn)獲取消息發(fā)起者實(shí)體的字段值并將其添加到消息元數(shù)據(jù)中originatortelemetry發(fā)起者遙測(cè)將在節(jié)點(diǎn)配置中選擇的特定時(shí)間范圍內(nèi)的消息發(fā)起者遙測(cè)數(shù)據(jù)添加到消息元數(shù)據(jù)中relatedattributes關(guān)聯(lián)屬性節(jié)點(diǎn)查找消息發(fā)起者實(shí)體的相關(guān)實(shí)體并將屬性或最新遙測(cè)數(shù)據(jù)添加到消息元數(shù)據(jù)中tenantattributes租戶(hù)屬性此節(jié)點(diǎn)查找消息發(fā)起者實(shí)體的租戶(hù)并將租戶(hù)屬性或最新遙測(cè)值添加到消息元數(shù)據(jù)中tenantdetails租戶(hù)詳細(xì)信息此節(jié)點(diǎn)將字段從租戶(hù)詳細(xì)信息添加到消息正文或元數(shù)據(jù)平臺(tái)功能b.增強(qiáng)節(jié)點(diǎn)（EnrichmentNodes）：用于更新傳入消息的元數(shù)據(jù)平臺(tái)功能c.變換節(jié)點(diǎn)（TransformationNodes）：用于更改傳入消息的字段節(jié)點(diǎn)節(jié)點(diǎn)名稱(chēng)節(jié)點(diǎn)說(shuō)明changeoriginator變更發(fā)起者輸入消息中有一個(gè)originator字段用來(lái)表示消息的發(fā)起者實(shí)體。該結(jié)點(diǎn)能將originator值修改為消息發(fā)起者實(shí)體所屬的客戶(hù)或租戶(hù)實(shí)體，或其關(guān)聯(lián)的其它實(shí)體script腳本使用已配置的JavaScript函數(shù)更改消息payload、metadata或消息類(lèi)型toemail郵件轉(zhuǎn)換通過(guò)使用從消息元數(shù)據(jù)派生的值填充電子郵件字段后將消息轉(zhuǎn)換為電子郵件并設(shè)置SEND_EMAIL為輸出消息類(lèi)型后使用發(fā)送郵件節(jié)點(diǎn)發(fā)送節(jié)點(diǎn)節(jié)點(diǎn)名稱(chēng)節(jié)點(diǎn)說(shuō)明assigntocustomer分配給客戶(hù)組將消息發(fā)起者實(shí)體分配給customerclearalarm清除警報(bào)該節(jié)點(diǎn)加載具有為消息發(fā)起者配置的AlarmType的最新警報(bào)并清除警報(bào)（如果存在）createalarm生成報(bào)警該節(jié)點(diǎn)嘗試加載為消息發(fā)起者配置的AlarmType最新警報(bào)createrelation創(chuàng)建關(guān)系按類(lèi)型和方向創(chuàng)建從所選實(shí)體到消息發(fā)起者的關(guān)系delay（deprecated）延遲通過(guò)配置的時(shí)間段延遲入站消息deleterelation刪除關(guān)系按類(lèi)型和方向刪除所選實(shí)體與消息發(fā)起者之間的關(guān)系generator生成節(jié)點(diǎn)生成具有可配置周期的消息JavaScript函數(shù)用于生成消息平臺(tái)功能d.動(dòng)作節(jié)點(diǎn)（ActionNodes）：根據(jù)傳入的消息執(zhí)行各種動(dòng)作節(jié)點(diǎn)節(jié)點(diǎn)名稱(chēng)節(jié)點(diǎn)說(shuō)明log日志節(jié)點(diǎn)使用配置好的JavaScript函數(shù)將傳入消息轉(zhuǎn)換為String并將最終值記錄到Thingsboard日志文件中rpccallreplyRPC調(diào)用回復(fù)發(fā)送從設(shè)備來(lái)的RPC調(diào)用的回復(fù)rpccallrequestRPC調(diào)用請(qǐng)求將RPC請(qǐng)求發(fā)送到設(shè)備并將響應(yīng)路由到下一個(gè)規(guī)則節(jié)點(diǎn)saveattributes保存屬性接收入站消息payload的屬性存儲(chǔ)到數(shù)據(jù)庫(kù)中并將它們與消息發(fā)起者標(biāo)識(shí)的實(shí)體相關(guān)聯(lián)savetimeseries保存時(shí)間序列將入站消息的payload時(shí)間序列數(shù)據(jù)存儲(chǔ)到數(shù)據(jù)庫(kù)，并將它們與消息發(fā)起者標(biāo)識(shí)的實(shí)體相關(guān)聯(lián)savetocustomtable保存到自定義表節(jié)點(diǎn)將來(lái)自傳入消息payload的數(shù)據(jù)存儲(chǔ)到自定義數(shù)據(jù)庫(kù)表中Unassign

fromcustomer取消用戶(hù)組分配從Customer取消分配消息發(fā)起者實(shí)體平臺(tái)功能d.動(dòng)作節(jié)點(diǎn)（ActionNodes）：根據(jù)傳入的消息執(zhí)行各種動(dòng)作平臺(tái)功能e.外部節(jié)點(diǎn)（ExternalNodes）：用于與外部系統(tǒng)進(jìn)行交互節(jié)點(diǎn)節(jié)點(diǎn)名稱(chēng)節(jié)點(diǎn)說(shuō)明awssnsAWSSNSNode用來(lái)與AWSSNS（亞馬遜簡(jiǎn)單通知服務(wù)）交互awssqsAWSSQSNode將消息發(fā)布到AWSSQS(亞馬遜簡(jiǎn)單隊(duì)列服務(wù))kafkaKafkaNode向Kafka代理發(fā)送消息mqttMQTTNode將傳入消息有效負(fù)載發(fā)布到已配置的MQTT代理的主題rabbitmqRabbitMQNode將傳入的消息有效負(fù)載發(fā)布到RabbitMQrestapicallRESTAPICallNode調(diào)用外部REST服務(wù)器sendemailSendEmailNode通過(guò)已配置的郵件服務(wù)器發(fā)送傳入消息平臺(tái)功能（2）新建規(guī)則鏈在ThingsBoard平臺(tái)主界面中，單擊配置菜單中的“規(guī)則鏈庫(kù)”選項(xiàng)，進(jìn)入規(guī)則鏈庫(kù)界面。平臺(tái)功能進(jìn)入規(guī)則鏈庫(kù)后，可以看到當(dāng)前用戶(hù)下的所有規(guī)則鏈列表。在規(guī)則鏈列表中，每一行的規(guī)則鏈都有“打開(kāi)規(guī)則鏈”、“導(dǎo)出規(guī)則鏈”、“設(shè)置為根規(guī)則鏈”和“刪除”選項(xiàng)。在規(guī)則鏈庫(kù)界面中，單擊“添加規(guī)則鏈”圖標(biāo)，在下拉框中選中“創(chuàng)建新的規(guī)則鏈”選項(xiàng)，可以創(chuàng)建一個(gè)新的規(guī)則鏈。平臺(tái)功能在“添加規(guī)則鏈”中，設(shè)置一個(gè)規(guī)則鏈名稱(chēng)，并勾選“調(diào)試模式”，完成設(shè)置，單擊“添加”按鈕，創(chuàng)建新的規(guī)則鏈。平臺(tái)功能在規(guī)則鏈庫(kù)界面中，可以單擊規(guī)則鏈，在右側(cè)規(guī)則鏈詳情彈窗中，可以進(jìn)行規(guī)則鏈的查詢(xún)和操作。在“詳情”頁(yè)中，單擊“打開(kāi)規(guī)則鏈”按鈕，可以進(jìn)入規(guī)則鏈的配置界面。平臺(tái)功能在規(guī)則鏈配置界面中，可以根據(jù)實(shí)際要求，完成規(guī)則鏈的設(shè)置。圖示是一個(gè)簡(jiǎn)單的規(guī)則鏈?zhǔn)纠?，入站消息?jīng)過(guò)一個(gè)消息類(lèi)型切換節(jié)點(diǎn)，將輸入消息類(lèi)型為Postattributes的數(shù)據(jù)中的各值作為消息發(fā)起者實(shí)體的屬性值存入數(shù)據(jù)庫(kù)，將輸入消息類(lèi)型為Posttelemetry的數(shù)據(jù)中的時(shí)序遙測(cè)數(shù)據(jù)作為消息發(fā)起者實(shí)體的時(shí)序數(shù)據(jù)存入數(shù)據(jù)庫(kù)。平臺(tái)功能3.ThingsBoard部件開(kāi)發(fā)ThingsBoard部件是能夠提供對(duì)應(yīng)功能讓用戶(hù)進(jìn)行操作，例如數(shù)據(jù)可視化、遠(yuǎn)程設(shè)備控制、警報(bào)管理以及顯示靜態(tài)自定義html內(nèi)容。ThingsBoard平臺(tái)中部件不僅可以與任何儀表板集成并展示給用戶(hù)，同時(shí)可以根據(jù)不同的功能開(kāi)發(fā)特定的部件。（1）部件類(lèi)型根據(jù)部件提供的功能，每個(gè)部件定義代表了一種特定的部件類(lèi)型，ThingsBoard平臺(tái)包含5種部件類(lèi)型。平臺(tái)功能①Latestvalues最新值部件，展示特定實(shí)體屬性或時(shí)間序列數(shù)據(jù)點(diǎn)的最新值，這種部件使用實(shí)體屬性或時(shí)間序列作為數(shù)據(jù)源。如圖示為最新值部件示例，展示了當(dāng)前的溫度實(shí)時(shí)值。平臺(tái)功能②Time-series時(shí)間序列部件，顯示所選時(shí)間段的歷史值或特定時(shí)間窗口中的最新值。這種部件只使用實(shí)體的時(shí)間序列值作為數(shù)據(jù)源。為了指定顯示值的時(shí)間框架，使用了時(shí)間窗口設(shè)置，可以在儀表板級(jí)別或部件級(jí)別指定時(shí)間窗口。如圖示為時(shí)間序列部件示例，實(shí)時(shí)顯示三個(gè)設(shè)備的電流值。平臺(tái)功能③RPC（Controlwidget）控制部件，允許向設(shè)備端發(fā)送RPC命令，并且可以處理/展示來(lái)自設(shè)備端的響應(yīng)。通過(guò)將目標(biāo)設(shè)備指定為RPC命令的目標(biāo)端點(diǎn)來(lái)配置RPC部件。如圖示為控制部件示例，可以發(fā)送GPIO（通用輸入輸出）切換命令并檢測(cè)當(dāng)前的GPIO切換狀態(tài)。平臺(tái)功能④Alarmwidget告警部件，在指定的時(shí)間窗口內(nèi)顯示指定實(shí)體相關(guān)的告警信息。告警部件通過(guò)指定“實(shí)體”為告警數(shù)據(jù)源以及對(duì)應(yīng)的告警字段進(jìn)行配置。與時(shí)間序列部件一樣，告警部件也有時(shí)間窗口配置，以便指定顯示告警的時(shí)間框架。如圖示為告警部件示例，實(shí)時(shí)顯示設(shè)備的最新告警。平臺(tái)功能④Static靜態(tài)內(nèi)容部件，展示靜態(tài)的、自定義的HTML內(nèi)容（例如HTML卡片），靜態(tài)內(nèi)容部件不使用任何數(shù)據(jù)源，通過(guò)指定靜態(tài)HTML內(nèi)容和可選的CSS樣式來(lái)配置。如圖示為靜態(tài)內(nèi)容部件示例，顯示指定HTML內(nèi)容。平臺(tái)功能（2）部件開(kāi)發(fā)在ThingsBoard平臺(tái)主界面中，單擊配置菜單中的“部件庫(kù)”選項(xiàng)，進(jìn)入部件庫(kù)界面。平臺(tái)功能在部件包中，可以創(chuàng)建、編輯部件。窗口部件編輯器由工具欄和4個(gè)主要部分組成：HTML和CSS資源窗口設(shè)置窗口部件預(yù)覽窗口JavaScript窗口平臺(tái)功能①工具欄包含部件標(biāo)題、部件類(lèi)型、運(yùn)行按鈕、撤銷(xiāo)按鈕、保存按鈕、另存為按鈕。②

HTML和CSS資源窗口“資源”選項(xiàng)卡用于指定窗口部件使用的外部JavaScript/CSS資源。“HTML”選項(xiàng)卡包含部件HTML的代碼。（注意：此內(nèi)容可以為空并由代碼動(dòng)態(tài)創(chuàng)建）。“CSS”選項(xiàng)卡包含部件的CSS樣式定義。平臺(tái)功能③

設(shè)置窗口“設(shè)置模式”選項(xiàng)卡用于指定部件設(shè)置的JSON模式并使用基于JSON模式的表單可視化編輯器?！皵?shù)據(jù)鍵設(shè)置”選項(xiàng)卡用于指定數(shù)據(jù)鍵為JSON模式并使用基于JSON模式的表單可視化編輯器。平臺(tái)功能④

部件預(yù)覽窗口部件預(yù)覽用于預(yù)覽和測(cè)試編輯窗口中的部件定義。平臺(tái)功能⑤

JavaScript窗口JavaScript部分包含所有與部件相關(guān)的代碼，并提供內(nèi)置變量self用于引用部件實(shí)例，所有部件函數(shù)都必須被定義為self變量的屬性。平臺(tái)功能4.ThingsBoard儀表板開(kāi)發(fā)ThingsBoard儀表板支持自定義的數(shù)據(jù)可視化展示，在每個(gè)儀表板中包含許多小部件，使用這些小部件可以處理來(lái)自不同設(shè)備的數(shù)據(jù)可視化展示。在ThingsBoard平臺(tái)主界面中，單擊配置菜單中的“儀表板庫(kù)”選項(xiàng)，進(jìn)入儀表板庫(kù)界面。平臺(tái)功能在儀表板庫(kù)界面中，單擊“添加儀表板”圖標(biāo)，在下拉框中選中“創(chuàng)建新的儀表板”選項(xiàng)，可以創(chuàng)建一個(gè)新的儀表板。平臺(tái)功能在“添加儀表板”中，設(shè)置一個(gè)儀表板名稱(chēng)，完成設(shè)置，單擊“添加”按鈕，創(chuàng)建新的儀表板。平臺(tái)功能在儀表板列表中，單擊“打開(kāi)儀表板”圖標(biāo)，可以進(jìn)入儀表板的配置界面。在儀表板配置界面中，可以根據(jù)實(shí)際要求，完成自定義的可視化展示。單擊右下角“進(jìn)入編輯模式”圖標(biāo)，進(jìn)入儀表板編輯模式。平臺(tái)功能在編輯模式中，可以根據(jù)實(shí)際要求，添加自定義的部件。Thanks.

北京新大陸時(shí)代科技有限公司服務(wù)熱線：400-860-0591網(wǎng)

址：址：地址：福建省福州市馬尾區(qū)儒江西路1號(hào)新大陸科技園新大陸教育公眾號(hào)新大陸校企合作公眾號(hào)ThingsBoard數(shù)據(jù)上云添加規(guī)則鏈ThingsBoard數(shù)據(jù)上云添加設(shè)備配置添加設(shè)備智能網(wǎng)關(guān)配置添加規(guī)則鏈01添加規(guī)則鏈單擊“規(guī)則鏈庫(kù)”進(jìn)入“規(guī)則鏈庫(kù)”頁(yè)面。在此頁(yè)面中，可以進(jìn)行添加規(guī)則鏈、刷新、查找規(guī)則鏈、打開(kāi)規(guī)則鏈、導(dǎo)出規(guī)則鏈、設(shè)置為根規(guī)則鏈及刪除規(guī)則鏈等操作。添加規(guī)則鏈單擊頁(yè)面右上方的“添加規(guī)則鏈”，在彈出的列表中選擇“創(chuàng)建新的規(guī)則鏈”。在彈出的“添加規(guī)則鏈”頁(yè)面中，輸入規(guī)則鏈“名稱(chēng)”和“說(shuō)明”，再單擊“添加”按鈕。根據(jù)以上步驟，添加一個(gè)名稱(chēng)為“MyRuleChain”的規(guī)則鏈并打開(kāi)。添加設(shè)備配置02添加設(shè)備配置設(shè)備配置主要定義的是設(shè)備的傳輸協(xié)議、報(bào)警規(guī)則及規(guī)則鏈等。單擊“設(shè)備配置”進(jìn)入“設(shè)備配置”頁(yè)面。在這個(gè)頁(yè)面中，可以添加設(shè)備配置、刷新設(shè)備配置列表及查找設(shè)備配置，還可以進(jìn)行導(dǎo)出設(shè)備配置、設(shè)為默認(rèn)設(shè)備配置及刪除設(shè)備配置等操作添加設(shè)備配置單擊頁(yè)面右上方的“添加設(shè)備配置”，在彈出的列表中選擇“創(chuàng)建設(shè)備配置”。添加設(shè)備配置在彈出的“添加設(shè)備配置”——“設(shè)備配置詳情”頁(yè)面中，輸入設(shè)備配置“名稱(chēng)”和其他附加信息，再單擊“下一個(gè)：傳輸配置”按鈕，進(jìn)入“傳輸配置”頁(yè)面。也可直接單擊“添加”按鈕完成配置（這樣設(shè)備傳輸配置將會(huì)使用默認(rèn)配置，并且不會(huì)配置報(bào)警規(guī)則）添加設(shè)備配置在“傳輸配置”頁(yè)面，“傳輸方式”有默認(rèn)、MQTT、CoAP、LWM2M及SNMP共5種可選，根據(jù)“傳輸方式”的不同，參數(shù)也會(huì)有不同。通常情況下使用MQTT方式，“MQTT設(shè)備Topic篩選器”參數(shù)可直接使用默認(rèn)配置，“MQTT設(shè)備Payload”也使用默認(rèn)配置。最后單擊“下一個(gè)：報(bào)警規(guī)則”按鈕進(jìn)入“報(bào)警規(guī)則”頁(yè)面。添加規(guī)則鏈根據(jù)以上步驟，添加一個(gè)設(shè)備配置，其中名稱(chēng)為“SMT設(shè)備配置”，規(guī)則鏈選擇“MyRuleChain”，傳輸方式選擇“MQTT”，其他參數(shù)使用默認(rèn)配置。添加設(shè)備03添加設(shè)備單擊“設(shè)備”進(jìn)入“設(shè)備”頁(yè)面。在這個(gè)頁(yè)面中，可以添加設(shè)備、刷新設(shè)備列表及查找設(shè)備，還可以對(duì)設(shè)備進(jìn)行公開(kāi)、分配給客戶(hù)、取消分配客戶(hù)、私有、管理憑據(jù)及刪除設(shè)備等操作。添加規(guī)則鏈單擊頁(yè)面右上方的“添加設(shè)備”，在彈出的列表中選擇“添加新設(shè)備”。根據(jù)以上步驟，添加一個(gè)名稱(chēng)為“貼片機(jī)”的設(shè)備。智能網(wǎng)關(guān)配置04智能網(wǎng)關(guān)配置（1）新建工程雙擊打開(kāi)“AdvantechEdgeLinkStudio”軟件。單擊“新建工程”，軟件會(huì)彈出新建工程對(duì)話框。在“名稱(chēng)”處填入“數(shù)據(jù)采集及轉(zhuǎn)發(fā)”，選擇合適的“路徑”后，單擊“確定”按鈕，即可創(chuàng)建一個(gè)新的工程。智能網(wǎng)關(guān)配置右鍵單擊工程名稱(chēng)，在彈出的列表中單擊“添加設(shè)備”。軟件右側(cè)會(huì)彈出“新建節(jié)點(diǎn)”頁(yè)面。智能網(wǎng)關(guān)配置單擊“設(shè)備類(lèi)型”右側(cè)的“…”，在彈出的“選擇節(jié)點(diǎn)”對(duì)話框中選擇“ECU-1251TL-R10A(A/B)E[ECU-1251]”，最后單擊“確定”按鈕。智能網(wǎng)關(guān)配置選擇好“設(shè)備類(lèi)型”后，單擊“應(yīng)用”按鈕，一個(gè)工程便創(chuàng)建好了。此時(shí)可單擊“保存”按鈕來(lái)保存工程數(shù)據(jù)。智能網(wǎng)關(guān)配置（2）添加設(shè)備和數(shù)據(jù)點(diǎn)在左側(cè)目錄樹(shù)中，右鍵單擊“數(shù)據(jù)中心”下屬層級(jí)的“TCP”，在彈出的列表中單擊“添加設(shè)備”。智能網(wǎng)關(guān)配置軟件右側(cè)會(huì)彈出“新設(shè)備(新節(jié)點(diǎn))”頁(yè)面，可以在此頁(yè)面中配置一個(gè)新設(shè)備（西門(mén)子S7-1200PLC）。啟用設(shè)備：勾選名稱(chēng)：西門(mén)子PLC_貼片機(jī)設(shè)備類(lèi)型：SiemensS7-300/1200/1500PLC(S7CommTCPIP)單元號(hào)：1IO點(diǎn)寫(xiě)入方式：?jiǎn)吸c(diǎn)寫(xiě)入IP/域名：0端口號(hào)：102TSAPinHex：01.00智能網(wǎng)關(guān)配置按照上述內(nèi)容填寫(xiě)完后，單擊“應(yīng)用”按鈕，一個(gè)新節(jié)點(diǎn)就創(chuàng)建好了。此時(shí)軟件會(huì)彈出“I/O點(diǎn)(新節(jié)點(diǎn)-西門(mén)子PLC_貼片機(jī))”。智能網(wǎng)關(guān)配置單擊“添加”按鈕，軟件會(huì)彈出“新建點(diǎn)”對(duì)話框。對(duì)于“地址”這一項(xiàng)，可以單擊“地址”右側(cè)的“…”，在彈出的“默認(rèn)地址”對(duì)話框中，先在“模板”一欄選擇“DB1,0”,再在地址一欄填入“DB4,0”，最后單擊“OK”按鈕。智能網(wǎng)關(guān)配置繼續(xù)添加數(shù)據(jù)點(diǎn)，所有數(shù)據(jù)點(diǎn)如表所示。點(diǎn)名稱(chēng)數(shù)據(jù)類(lèi)型轉(zhuǎn)換類(lèi)型地址起始位長(zhǎng)度最高量程產(chǎn)能_Day1AnalogUnsignedIntegerDB4,00321000000……0321000000產(chǎn)能_Day10DB4,360321000000產(chǎn)量_Model1DB4,400321000000……0321000000產(chǎn)量_Model10DB4,760321000000計(jì)劃產(chǎn)量UnsignedIntegerDB4,800321000000實(shí)際產(chǎn)量UnsignedIntegerDB4,840321000000工單完成率RealDB4,88032100合格率RealDB4,92032100運(yùn)行時(shí)間RealDB4,960321000000總產(chǎn)量UnsignedIntegerDB4,1000321000000稼動(dòng)率RealDB4,104032100溫度UnsignedIntegerDB4,108032100濕度UnsignedIntegerDB4,112032100智能網(wǎng)關(guān)配置（3）云服務(wù)配置在左側(cè)目錄樹(shù)中，雙擊“云服務(wù)”下屬層級(jí)的“ThingsBoard”，軟件右側(cè)會(huì)彈出“ThingsBoard(新節(jié)點(diǎn))”頁(yè)面。智能網(wǎng)關(guān)配置勾選“啟用此連接”，這樣下方的配置信息會(huì)變?yōu)榭删庉嫚顟B(tài)。在配置之前，先進(jìn)入ThingsBoard的“設(shè)備”頁(yè)面，單擊“貼片機(jī)”打開(kāi)“設(shè)備詳細(xì)信息”頁(yè)面，再單擊“復(fù)制訪問(wèn)令牌”按鈕，將訪問(wèn)令牌復(fù)制到內(nèi)存中。智能網(wǎng)關(guān)配置回到智能網(wǎng)關(guān)配置軟件的“ThingsBoard(新節(jié)點(diǎn))”頁(yè)面，將復(fù)制的訪問(wèn)令牌粘貼到“用戶(hù)名”一欄，其余參數(shù)按照中方式進(jìn)行配置即可。智能網(wǎng)關(guān)配置在“ThingsBoard(新節(jié)點(diǎn))”配置頁(yè)的右側(cè)，添加需要通過(guò)MQTT協(xié)議傳輸?shù)臄?shù)據(jù)點(diǎn)。雙擊“點(diǎn)名稱(chēng)”下方的“雙擊添加點(diǎn)…”。此時(shí)軟件會(huì)彈出“選擇點(diǎn)”對(duì)話框，這里勾選之前添加的“西門(mén)子PLC_貼片機(jī)”所屬的數(shù)據(jù)點(diǎn)，再單擊“確定”按鈕，這樣當(dāng)配置完成，這些數(shù)據(jù)點(diǎn)就會(huì)通過(guò)MQTT協(xié)議進(jìn)行發(fā)送。智能網(wǎng)關(guān)配置數(shù)據(jù)點(diǎn)添加后，頁(yè)面右側(cè)會(huì)出現(xiàn)剛剛添加的數(shù)據(jù)點(diǎn)。IO點(diǎn)的別名需要手動(dòng)配置，具體操作是將“點(diǎn)名稱(chēng)”的前綴“西門(mén)子PLC_貼片機(jī):”去掉，剩下部分即為別名。配置完成后，單擊“應(yīng)用”按鈕保存配置參數(shù)。智能網(wǎng)關(guān)配置（4）網(wǎng)關(guān)IP設(shè)置在左側(cè)目錄樹(shù)中，雙擊“系統(tǒng)設(shè)置”下屬層級(jí)的“網(wǎng)絡(luò)設(shè)置”。軟件右側(cè)會(huì)彈出“網(wǎng)絡(luò)設(shè)置(新節(jié)點(diǎn))”頁(yè)面，在“LAN1”選項(xiàng)卡中，取消勾選“DHCP”,“IP地址”一欄輸入“0”，“子網(wǎng)掩碼”一欄輸入“”，“默認(rèn)網(wǎng)關(guān)”一欄輸入“54”，最后單擊“應(yīng)用”按鈕。智能網(wǎng)關(guān)配置（4）工程下載單擊軟件左下角的“在線設(shè)備”按鈕進(jìn)入“在線設(shè)備”頁(yè)面。單擊“搜索設(shè)備”按鈕，軟件會(huì)搜索到網(wǎng)絡(luò)內(nèi)的智能網(wǎng)關(guān)。智能網(wǎng)關(guān)配置右鍵單擊“新節(jié)點(diǎn)–”，在彈出的列表中單擊“設(shè)置IP”。在彈出的“設(shè)置IP”頁(yè)面中，按圖進(jìn)行參數(shù)配置。參數(shù)配置完后，單擊“設(shè)置”按鈕，軟件會(huì)將參數(shù)信息發(fā)送給智能網(wǎng)關(guān)，待頁(yè)面顯示“設(shè)置成功”信息，再單擊“關(guān)閉”按鈕關(guān)閉此頁(yè)面。智能網(wǎng)關(guān)配置單擊左下角的“工程管理”按鈕進(jìn)入“工程管理”頁(yè)面。在左側(cè)目錄樹(shù)中，單擊“數(shù)據(jù)采集及轉(zhuǎn)發(fā)”或“新節(jié)點(diǎn)-1”，再單擊“下載工程”按鈕。在彈出的“工程下載”對(duì)話框中，當(dāng)“狀態(tài)”顯示為“編譯成功”時(shí)，單擊“下載”按鈕進(jìn)行工程下載。智能網(wǎng)關(guān)配置下載完成后智能網(wǎng)關(guān)會(huì)自動(dòng)重啟，等到頁(yè)面中顯示“重啟成功”后，單擊“關(guān)閉”按鈕即可。智能網(wǎng)關(guān)重啟后，就會(huì)將接收到的PLC數(shù)據(jù)通過(guò)MQTT協(xié)議轉(zhuǎn)發(fā)給ThingsBoard。Thanks.

北京新大陸時(shí)代科技有限公司服務(wù)熱線：400-860-0591網(wǎng)

址：址：地址：福建省福州市馬尾區(qū)儒江西路1號(hào)新大陸科技園新大陸教育公眾號(hào)新大陸校企合作公眾號(hào)ThingsBoard數(shù)據(jù)可視化ThingsBoard數(shù)據(jù)可視化添加儀表板配置部件添加儀表板01添加儀表板單擊“儀表板庫(kù)”進(jìn)入“儀表板庫(kù)”頁(yè)面，添加一個(gè)名稱(chēng)為“SMT產(chǎn)線”的儀表板。打開(kāi)“SMT產(chǎn)線”儀表板，單擊右下角的“進(jìn)入編輯模式”按鈕，使頁(yè)面變?yōu)榭删庉嫚顟B(tài)，再單擊頁(yè)面上方的“設(shè)置”按鈕打開(kāi)“設(shè)置”頁(yè)面。添加規(guī)則鏈在“設(shè)置”頁(yè)面中，啟用“Titlesettings”下方的“顯示儀表板標(biāo)題”。將頁(yè)面往下滾動(dòng)，找到“Layoutsettings”，將下方的“列數(shù)”數(shù)值改為“384”，將“部件間邊距”數(shù)值改為“0”，這樣可以對(duì)儀表板上的控件進(jìn)行細(xì)微的位置調(diào)整。找到“背景圖片”一欄，按照提示的方法將“SMT背景圖”上傳。添加規(guī)則鏈配置好參數(shù)后單擊“保存”按鈕，可以看到如下效果。配置部件02添加設(shè)備配置1.配置Digitalspeedometer部件添加一個(gè)Digitalspeedometer部件，并配置各項(xiàng)參數(shù)，用以顯示“工單完成率”。“數(shù)據(jù)”選項(xiàng)頁(yè)需要配置的內(nèi)容。添加設(shè)備配置“設(shè)置”選項(xiàng)頁(yè)需要配置的內(nèi)容。添加設(shè)備配置“高級(jí)”選項(xiàng)頁(yè)需要配置的內(nèi)容。添加設(shè)備配置“高級(jí)”選項(xiàng)頁(yè)需要配置的內(nèi)容。添加設(shè)備配置部件配置完后，通過(guò)縮放及平移將部件放置到合適的位置，最終效果如圖所示。添加設(shè)備配置2.配置HTMLValueCard部件添加一個(gè)HTMLValueCard部件，并配置各項(xiàng)參數(shù)，用以顯示“計(jì)劃產(chǎn)量”。“數(shù)據(jù)”選項(xiàng)頁(yè)需要配置的內(nèi)容。添加設(shè)備配置“設(shè)置”選項(xiàng)頁(yè)需要配置的內(nèi)容。添加設(shè)備配置“高級(jí)”選項(xiàng)頁(yè)需要配置的內(nèi)容。在CSS代碼框中，按照給出的代碼直接修改原始代碼即可。在HTML代碼框中，按照給出的代碼直接修改原始代碼，原始代碼行若在此圖中沒(méi)有出現(xiàn)，則直接刪除原始代碼行即可。添加設(shè)備配置部件配置完后，通過(guò)縮放及平移將部件放置到合適的位置，最終效果如圖所示。添加設(shè)備配置繼續(xù)添加一個(gè)HTMLValueCard部件，并配置各項(xiàng)參數(shù)，用以顯示“實(shí)際產(chǎn)量”?！皵?shù)據(jù)”選項(xiàng)頁(yè)需要配置的內(nèi)容。添加設(shè)備配置“設(shè)置”選項(xiàng)頁(yè)需要配置的內(nèi)容。添加設(shè)備配置“高級(jí)”選項(xiàng)頁(yè)需要配置的內(nèi)容。在CSS代碼框中，按照給出的代碼直接修改原始代碼即可。在HTML代碼框中，按照給出的代碼直接修改原始代碼，原始代碼行若在此圖中沒(méi)有出現(xiàn)，則直接刪除原始代碼行即可。添加設(shè)備配置部件配置完后，通過(guò)縮放及平移將部件放置到合適的位置，最終效果如圖所示。添加設(shè)備配置添加一個(gè)HTMLValueCard部件，并配置各項(xiàng)參數(shù)，用以顯示“當(dāng)前工單信息”?！皵?shù)據(jù)”選項(xiàng)頁(yè)需要配置的內(nèi)容。添加設(shè)備配置“設(shè)置”選項(xiàng)頁(yè)需要配置的內(nèi)容。添加設(shè)備配置“高級(jí)”選項(xiàng)頁(yè)需要配置的內(nèi)容。在CSS代碼框中，按照給出的代碼直接修改原始代碼即可。在HTML代碼框中，按照給出的代碼直接修改原始代碼，原始代碼行若在此圖中沒(méi)有出現(xiàn)，則直接刪除原始代碼行即可。添加設(shè)備配置部件配置完后，通過(guò)縮放及平移將部件放置到合適的位置，最終效果如圖所示。添加設(shè)備配置3.配置Timeseriestable部件添加一個(gè)Timeseriestable部件，并配置各項(xiàng)參數(shù)，用以顯示“生產(chǎn)計(jì)劃/狀態(tài)”?！皵?shù)據(jù)”選項(xiàng)頁(yè)需要配置的內(nèi)容。添加設(shè)備配置“設(shè)置”選項(xiàng)頁(yè)需要配置的內(nèi)容。添加設(shè)備配置“高級(jí)”選項(xiàng)頁(yè)需要配置的內(nèi)容。添加設(shè)備配置部件配置完后，通過(guò)縮放及平移將部件放置到合適的位置，最終效果如圖所示。添加設(shè)備配置4.配置Simplegauge部件添加一個(gè)Simplegauge部件，并配置各項(xiàng)參數(shù)，用以顯示“合格率”?！皵?shù)據(jù)”選項(xiàng)頁(yè)需要配置的內(nèi)容。添加設(shè)備配置“設(shè)置”選項(xiàng)頁(yè)需要配置的內(nèi)容。添加設(shè)備配置“高級(jí)”選項(xiàng)頁(yè)需要配置的內(nèi)容。添加設(shè)備配置部件配置完后，通過(guò)縮放及平移將部件放置到合適的位置，最終效果如圖所示。添加設(shè)備配置5.配置Labelwidge