8. Node Red Start - EnglishNo/ESP32 GitHub Wiki

Node-Red(노드레드) 시작하기

Node-Red 설치하는 법

2023-04-21 (6)

https://nodejs.org/en/download 이 사이트에 접속해 NodeJs를 설치한다. (Node-Red를 설치하기 위해서이다. 또 자신의 컴퓨터 버전이나 운영체제에 맞는 NodeJs를 설치하면 좋을 것이다.)
그리고 다운로드한 것을 압축 해제한다.
CMD.exe를 "관리자 권한으로 실행" 버튼을 눌려 실행하고, npm명령을 통해 Node-Red를 설치한다. ("npm install -g --unsafe-perm node-red"라고 입력.)
그 다음에 윈도우즈용 파이선, 비주얼 스튜디오 관련 의존성 에러 방지를 위해 "windows-build-tools"를 설치한다. (cmb창에 "npm install --global --production windows-build-tools"라고 입력. ~~근데 제대로 설치된 거 맞아...?~~ )
보안을 위해 웹에디터의 관리자 비밀번호를 설정한다. (cmb창에 "npm install -g node-red-admin"라고 입력.)
위의 과정들을 다 했으면, Node-Red를 실행한다. (cmb창에 "node-red"라고 입력하면 사용자 계정에 Node-Red 폴더가 생성된다. 종료할려면, CMD창을 닫거나 ctrl + c를 누르면 된다.)
설치 및 동작 확인이 완료되었으면, cmd창에 "node-red-admin hash-pw"라고 입력하고, 실행 후 원하는 패스워드(비밀번호)를 입력하고 패스워드의 해시값을 획득하기(근데 패스워드 입력할려고 하면 입력이 안되서 그냥 엔터만 치고 획득했다... 아니면 입력을 했는데 안보이는 것일 수도 있다.)
해시값을 복사하고, 노드레드 폴더에 있는 "settings.js" 파일에 메모장을 통해 들어가 방금 복사한 해시값을 패스워드 옆에 기존의 패스워드를 지우고 "붙어넣기"하기 (참고로 패스워드가 포함된 "adminAuth" 옆에 있는 주석들을 지워야 함.)

("settings.js" 찾는 법)
이제 cmb창에서 "node-red" 재 실행해주고, 웹 브라우저에서 cmb창에서 노드레드를 실행하면 뜨는 주소를 입력하기.
node-red 웹에디터에 들어가졌다면, 방금 cmb창에서 입력한 패스워드와 settings.js의 패스워드 위에 있던 사용자 이름을 치고 엔터키 누르면, node-red가 성공적으로 실행된다!

Node-Red에서 기초적인 것을 하는 법 (디버깅 창에서 "Hello World!" 출력하기)

2023-04-21 (16)

"플로우 1"에 "inject" common을 갖다 놓는다.
"debug"도 "플로우 1"에 놓는다.
플로우 창에 놓아진 inject을 더블 클릭해 "timestamp"을 "string"으로 바꾸고 "Hello World!"라고 입력한다.
inject에 매달려 있는 작은 네모를 꾹 눌려 "dedug"에 갖다 놓는다.
위의 과정을 다 했으면, "배포하기" 버튼을 누른다.
둥근 원에 있는 버튼을 클릭하면, 옆에 있는 디버깅 창에서 "Hello World"가 뜨면 성공이다!

"dashboard" 사용하는 법

Node-RED 외 페이지 2개 - 개인 - Microsoft Edge 2023-04-21 오후 11_01_45

상단에 있는 메뉴 버튼을 누르고, "팔렛트 관리"라는 창을 누른다.
그리고 "설치가능한 노드" 창에 들어가 "dashboard"라고 검색하고, 빨간원 안에 있는 "dashboard"를 설치한다.
이제 왼쪽 창을 보고 찾아보면 "dashboard"가 있을 것이다!
이번 실습을 통해 알게 된 점
- node-red는 신기하게도 이클립스나 비주얼 스튜디오와 달리 cmb창을 통해 실행한다는 것을 알게 됨
- inject를 통해 출력할 변수를 지정하고, debug와 연결해 디버깅 창에 출력할 값을 출력할 수 있다는 것을 알게 됨
이번 실습에서 어려웠던 점
- 영상과 달리 dashboard을 사용해도 UI가 안뜨는데, 훗날 이 부분에 대한 문제 해결이 필요할 것 같음
- 처음 변수를 출력할 때에는 어떻게 값을 수정하고 어떻게 값을 출력해야 할지 조금 몰랐는데, inject을 더블클릭해 출력할 값을 변경하고, debug의 큰 네모 버튼 말고 배포하기를 누르고 inject의 큰 네모 버튼을 눌려야 값이 출력된다는 것을 알게 됨

8. Node Red Start - EnglishNo/ESP32 GitHub Wiki

Node-Red(노드레드) 시작하기

Node-Red 설치하는 법

Node-Red에서 기초적인 것을 하는 법 (디버깅 창에서 "Hello World!" 출력하기)

"dashboard" 사용하는 법

이번 실습을 통해 알게 된 점

이번 실습에서 어려웠던 점

⚠️ **GitHub.com Fallback** ⚠️

⚠️ GitHub.com Fallback ⚠️