Another Web Terminal Demo

Here is a simple demo of a web terminal (over HTTP or HTTPS). It is initially based on the Wetty project. It uses WebSocket (socket.io) for "real-time" communication between a backend command (e.g. bash) running on a node.js server and a frontend presentation in your browser (based on xterm.js). An express web server is also used on the 'node.js' server, to serve some static pages.

The main difference with the Wetty project is that we use the package xterm.js instead of hterm package for the terminal presentation on web client-side (your brower).

Download and Install

By default, "npm install" will install all modules listed as dependencies in 'package.json'.

git clone https://github.com/orel33/webterm.git
npm install

Start this Demo

node app.js -p 3000

Then open http://localhost:3000/xterm with a modern browser... to get the original demo based on Wetty, open http://localhost:3000/wetty.

Dev Corner

How to handle dependencies both on server-side (node.js)?

To build a default 'package.json', run npm init with the --yes or -y flag:

npm set init.author.email "aurelien.esnard@u-bordeaux.fr"
npm set init.author.name "orel33"
npm set init.license "GPL-3.0-only"
npm init -y

Let's install some dependencies and save it in the file 'package.json':

npm install xterm --save
npm install socket.io --save
npm install express --save
npm install pty.js --save
npm install optimist --save

How to handle dependencies both on client-side (bowser)?

socket.io-client is automatically exposed by node.js server. how exactly?
https://stackoverflow.com/questions/12893046/how-to-manage-client-side-javascript-dependencies

Documentation

Useful packages:

Package manager for JavaScript (NPM):

Related Projects

https://www.npmjs.com/package/wetty (socket.io + hterm)
https://www.npmjs.com/package/webssh2 (socket.io + xterm.js)

About

Another Web Terminal Demo

Languages

Language:JavaScript 99.7%Language:HTML 0.3%