[ 一日30分 인생승리의 학습법 ] noVNC 작동원리

noVNC란 브라우져에서 PC를 원격으로 제어하는 브라우저 VNC라고 생각하면 된다.

작동원리는.. 정확하진 않지만 아마 이런 그림일 것이다.

noVNC 서버는 Python, Nodejs 등 여러 언어를 지원하며 MPL-2.0 라이센스이다.

자세한 내용은 아래 noVNC 사이트에서 확인 가능하다.

noVNC 클라이언트 출처 : https://kanaka.github.io/noVNC/

noVNC 서버 "Websockify" 출처 : https://github.com/novnc/websockify

*사용 방법

nodejs를 이용한 noVNC 사용법을 소개하려한다.

1. websockify.js를 node.js로 실행 (node.js 실행 방법은 인터넷을 찾아보자)

github Websockify(noVNC Server) 프로젝트에 들어가서 소스를 다운받아 압축 해제

"other -> js -> websockify.js"라는 파일이 있다.

node.js를 처음 설치 후 websockify.js를 실행하면 여러가지 모듈이 설치가 안되 실행이 되지 않을 수 있다.

다음과 같은 모듈들을 설치 후 다시 시도해 보자

"optimist", "policyfile", "ws" 모듈을 설치 후 다시 시도하면 다음과 같은 모습을 볼 수 있다.

모듈 설치 방법은 npm을 이용해 설치하면된다. ex) "npm install optimist"

"node websockify.js 6080 서버PC의 IP:5900"를 입력하면 다음과 같이 서버가 실행되는 모습을 볼 수 있다.

여기서 6080은 Browser와 websockify서버가 통신을 할때 사용할 port를 의미 하고,

서버PC의 IP는 websockify서버가 실행될 pc의 IP를 의미한다.

5900은 websockify서버와 vnc서버(real, ultra 등등)가 통신을 할때 사용하는 port를 의미한다.

경축! 아무것도 안하여 에스천사게임즈가 새로운 모습으로 재오픈 하였습니다.
어린이용이며, 설치가 필요없는 브라우저 게임입니다.
https://s1004games.com

2. vnc.html 실행

github noVNC(noVNC Client) 프로젝트에 들어가서 소스를 다운받아 압축 해제

"noVNC-master -> vnc.html"라는 파일이 있다.

vnc.html을 더블클릭하여 브라우저에 띄우게 되면 다음과 같은 화면이 나타난다.

톱니바퀴 모양의 Setting과 자물쇠? 쇠사슬? 모양의 Connection을 설정 후 noVNC를 접속해보자.

톱니바퀴 모양

 Path를 localhost:5900으로 설정한다.

 Host를 localhost로 Port를 6080으로 설정 후 Connect버튼을 클릭하면!

여기서 localhost는 websockify 서버pc의 ip를 의미합니다.

.

.

.

.

.

.

.

.

짜란! 끗!

[출처] https://drt0927.tistory.com/6