witty/README.md

92 lines
5.2 KiB
Markdown
Raw Normal View History

2022-01-12 03:46:18 +01:00
# WiTTY: Web-based interactive TTY
2022-01-17 22:19:53 +01:00
This program allows you to use terminal in the browser. Simply run the program and give it the command to execute when users connect via the browser. The main design goal of this tool is to help teaching courses that use Unix-like CLI environment. WiTTY has the following features that distinguish itself from other similar tools:
2022-01-17 03:17:51 +01:00
2022-01-17 22:19:53 +01:00
1. It allows others to **view onging interactive sessions**. This is useful for providing live remote support and/or help (only use this after user authentication is implemented).
2022-01-17 22:22:19 +01:00
A challenge of this use case is that our home networks are almost always behind NAT, making it diffcult to run WiTTY as a publicly accessible server. Security is also a concern. It is generally safer to use WiTTY in a trusted environment.
2022-01-17 22:19:53 +01:00
2. WiTTY allows users to **easily record, replay, and share console sessions** with just a few clicks. This make it a breeze to answer course-related questions, espeically with the source code. Instead of wall of text to describe their questions, students can just send a recorded session.
2022-01-22 15:29:01 +01:00
This repository contains a recorded session in the ```assets/extra``` directory ([M1NXZvHdvA8vSCKp_61e5d60f.scr](extra/M1NXZvHdvA8vSCKp_61e5d60f.scr)) that shows me upgrading pihole. Just put the file under the ```records``` directory, run the server, you should find the recording in the ```Recorded Session``` tab.
2022-01-17 22:19:53 +01:00
2022-01-22 03:42:22 +01:00
3. More features are planned, suggestions are welcome.
2022-01-17 22:19:53 +01:00
You can use WiTTY to run any command line programs, such as ```bash```, ```htop```, ```vi```, ```ssh```. This following screenshot shows that three interactive session running ```zsh``` on macOS Monterey. <img src="extra/main.png" width="800px">
The following screenshot shows three recorded sessions. You can replay/download/delete them.
<img src="extra/view.png" width="800px">
2022-01-17 03:17:51 +01:00
2022-01-18 14:59:32 +01:00
Here is a recorded session, where we domonstrate how to use the command line replay utility (in ```cmd/replay```) to replay another recorded session that sshes into a Raspberry Pi running
[pi-hole](https://pi-hole.net/). You can pause and seek the replay.
>The inception is strong with this one!
2022-01-17 03:17:51 +01:00
2022-01-17 22:19:53 +01:00
<img src="extra/replay.gif?raw=true" width="800px">
2022-01-17 03:17:51 +01:00
<!--
commands to create high quality gif from mkv/mp4 files
ffmpeg -i replay.mkv -vf palettegen palette.png
ffmpeg -i replay.mkv -i palette.png -lavfi paletteuse output.gif
gifsicle -O3 .\output.gif -o replay.gif
-->
2022-01-12 03:18:19 +01:00
2022-01-22 03:42:22 +01:00
To use the program, you need to provide a TLS cert. You can request a free [Let's Encrypt](https://letsencrypt.org/) cert or use a self-signed cert. By default, WiTTY authenticate users with username and password. You can add a new user using ```witty adduser <username>```, and delete an existing user with ```witty deluser <username>```. It is also possible to disable user authentication with ```-n/-naked``` to the run command. For example, ```witty run -n zsh``` will run zsh without user authentication.
2022-01-06 00:04:37 +01:00
2022-01-12 03:38:09 +01:00
This program is written in the [go programming language](https://go.dev/), using the
[Gin web framework](https://github.com/gin-gonic/gin), [gorilla/websocket](https://github.com/gorilla/websocket), [pty](https://github.com/creack/pty), and the wonderful [xterm.js](https://xtermjs.org/)!
2022-01-06 00:04:37 +01:00
The workflow is simple, the client will initiate a terminal
2022-01-12 03:38:09 +01:00
window (xterm.js) and create a websocket with the server, which relays the data between pty and xterm. You can customize the look and feel of the HTML pages by editing files under the ```assets``` directory.
2022-01-06 00:04:37 +01:00
2022-01-18 14:21:37 +01:00
Most icons were provided by [fontawesome](https://fontawesome.com/) under this [license](https://fontawesome.com/license).
2022-01-06 00:04:37 +01:00
2022-01-12 03:18:19 +01:00
## Installation
2022-01-07 15:00:44 +01:00
2022-01-23 00:21:59 +01:00
1. Install the [go](https://go.dev/) compiler. __Make sure you have go 1.17 or higher.__
2022-01-12 03:18:19 +01:00
2. Download the release and unzip it, or clone the repo
```git clone https://github.com/syssecfsu/witty.git```
2022-01-07 15:00:44 +01:00
2022-01-12 03:18:19 +01:00
3. Go to the ```tls``` directory and create a self-signed cert
\# Generate a private key for a curve
2022-01-07 15:00:44 +01:00
2022-01-12 03:18:19 +01:00
```openssl ecparam -name prime256v1 -genkey -noout -out private-key.pem```
2022-01-07 15:00:44 +01:00
2022-01-12 03:18:19 +01:00
\# Create a self-signed certificate
2022-01-07 02:34:37 +01:00
2022-01-12 03:18:19 +01:00
```openssl req -new -x509 -key private-key.pem -out cert.pem -days 360```
2022-01-07 02:37:57 +01:00
2022-01-12 03:18:19 +01:00
4. Return to the root directory of the source code and build the program
```go build .```
2022-01-07 02:34:37 +01:00
2022-01-22 03:42:22 +01:00
5. Add a user to the user accounts, follow the instructions on screen to provide the password
```./witty adduser <username>```
6. Start the server and give it the command to run. The server listens on 8080, for example:
2022-01-12 03:18:19 +01:00
2022-01-22 03:42:22 +01:00
```./witty run htop``` or
```./witty run ssh <ssh_server_ip> -l <user_name>```
If so desired, you can disable user authenticate with ```-n/-naked```, (not recommended) for example:
2022-01-06 00:04:37 +01:00
2022-01-23 00:21:59 +01:00
```./witty run -naked htop```
2022-01-06 00:04:37 +01:00
2022-01-23 00:21:59 +01:00
You can also specify the port number WiTTY listens on with ```-p/port```. For example:
```./witty run -p 9090 ssh 192.168.1.2```
7. Connect to the server with your browser, using port 8080 or the one specified in step 6, for example
2022-01-12 03:18:19 +01:00
2022-01-17 22:19:53 +01:00
```https://<witty_server_ip>:8080```
2022-01-12 03:18:19 +01:00
2022-01-23 00:21:59 +01:00
8. You can also replay the recorded sessions with witty. Set your terminal window to 120x36 before using this.
2022-01-22 15:29:01 +01:00
```./witty replay -w 500 records/<recorded file>.scr```
2022-01-17 03:24:07 +01:00
The program has been tested on Linux, WSL2, Raspberry Pi 3B (Debian), and MacOSX using Google Chrome, Firefox, and Safari.