/WebTerminal

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

Primary LanguageTypeScriptMIT LicenseMIT

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