Skip to content

Fullstack WebTerminal using xtermjs, socket.io and node-pty

License

Notifications You must be signed in to change notification settings

redundant4u/WebTerminal

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

18 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

WebTerminal

xtermjs, socket.io, node-pty 모듈을 활용한 웹 터미널입니다.

React, nodejs 프레임워크를 활용하였으며, TypeScript로 작성하였습니다.

웹 터미널에 대한 설명을 보고 싶다면 다음의 링크에서 확인할 수 있습니다.

구조도 요약

structure_overview

실행

docker

  • 첫 docker 실행은 의존성 설치로 몇 분이 소요됩니다.
  • react, nodejs 2개의 컨테이너가 생성됩니다.
cd docker
./run.sh

수동 설정

프론트엔드

  1. 모듈 설치

    cd frontend
    yarn
    
    cd lib
    yarn
  2. 모듈 link 걸어주기

    cd frontend/lib
    yarn link
    
    cd ..
    yarn link webterminal
  3. 실행하기

    # 3000 포트로 실행
    cd frontend
    yarn dev

백엔드

node-pty 모듈을 사용하기 위해서 make, python, gcc와 같은 도구들이 필요합니다. 자세한 사항은 node-pty repository를 참고해주세요.

  1. 모듈 설치
    cd server
    yarn
  2. 실행하기
    # 3001 포트로 실행
    yarn dev

시연 예제

example_gif