[Node-RED] Dashboard GUI


[Node-RED] Dashboard GUI

지난번 modbus 에 이어서 modbus 로 불러온 데이터를 GUI 에 표시하는 방법에 대해서 정리해 보고자 합니다. 사실 제가 node red 를 공부해 봐야겠다고 생각한 이유도 이 dashboard 기능 때문입니다. 매우 미려한 GUI 는 아니지만 그래도 준수한 GUI 를 매우 손쉽게 만들어 낼 수 있기 때문입니다. 아래 예제의 좌측 Group1 은 지정된 address 부터 4개의 값을 가져와서 표현하는 예제입니다. 보통 센서들의 데이터를 가져온다면 text box 에 현재 상태값을 보여주거나 gauge 를 이용해서 level 을 보여주거나 chart 를 이용해서 시간의 흐름에 따른 트렌드를 보여주는 경우가 많을 것 같아서 아래와 같이 예제를 구성하였습니다. 우측 Group2 는 제어를 위한 예제입니다. switch 를 이용해서 on/off 를 한다거나 콤보박스나 slider 를 이용해서 특정한 레벨까지 제어하는 경우가 많이 있을 것 같습니다. 예제는 아래 파일을 참고하시면 ...


#dashboard #gui #node #red

원문링크 : [Node-RED] Dashboard GUI