개시하다

하슨에서 참가자들의 반응을 보기 위해@1ft_seabass씨의 작품은 깃팟에서 온라인으로 참가자들의 반응을 수집하는 도구를 사용해 보았다.
지아이팟은 워크스페이스를 만들 때마다 URL이 바뀌기 때문에 TERMINAL에 방문지 URL을 QR코드로 표시하고 스마트폰 등을 통해 쉽게 접근할 수 있도록 개량했다.

원시 도구

원시 도구 사용enebular 서비스.
엔버러는 이용 시간 제한(1시간)이 있기 때문에 긴 손잡이를 열 때 도중에 카운터가 복원돼 불편한 경우가 있다.또 히로쿠를 시작할 때마다 URL이 바뀌기 때문에 방문지 URL을 QR코드로 변환하는 시간이 필요하다.

Giitpod로 마이그레이션

enebular에서 노드 RED를 다운로드하는 프로세스입니다.다운로드한 프로세스를 Giithub 저장소에 저장(로그인)합니다.
Giitpod 설정은gitpod.yml 파일을 사용하여 수행합니다.설정 방법은 Giitpod의 문서를 참조합니다.

.gitpod.파일 만들기

문서의 견본을 참고하여tasks와ports를 설정합니다.
.gitpod.yml

# Command to start on workspace startup (optional)
tasks:
#  - init: "npm install -g npm"
  - command: "cd && npm install -g --unsafe-perm node-red node-red-dashboard && mkdir .node-red && ln -s /workspace/nodered-online-reaction-app/flow.json ./.node-red/ && node-red flow.json"
    name: Node-RED
  - openMode: split-right
    command: "cd && npm install -g qrcode-terminal && echo $GITPOD_WORKSPACE_URL | awk -F// '{print $1 \"//1880-\" $2 \"/ui\"}' | qrcode-terminal"
    name: QR Code
# Ports to expose on workspace startup (optional)
ports:
  - port: 1880
    onOpen: open-preview

tasks

TERMINAL을 두 부분으로 나누어 노드 RED의 설치, 시작, QR 코드의 표시를 병행합니다.

노드 RED 설치, 시작

온라인으로 참가자의 반응을 수집하는 도구는 node-red-dashboard 노드를 사용했기 때문에 node-red-dashboard 모듈과 함께 node-red-dashboard 모듈을 설치합니다.
flow.json을 지정한 (홈 디렉터리에 속하는.node-red) 디렉터리에 설정하고 Node-RID를 시작합니다.

QR 코드 표시

TERMINAL(콘솔) 화면에 QR 코드를 표시하는 도구는 qrcode-terminal을 사용했다.

ports

Node-RID는 포트 번호: 1880에 시작되므로 port에서 1880을 지정합니다.또한 디스플레이 프로세스를 미리 보기 위해 Open-preview를 Onpen에 지정합니다.

최후

손수 할 때는 준비하느라 바빴는데 시간을 조금만 줄였으면 좋겠어요.
여러분도 좋은 Giitpod & Node-RID 생활 하세요!