const express = require('express');
const app = express();
const http = require('http').Server(app);
const io = require('socket.io')(http, {
cors: {
origin: "*"
}
});
app.set('view engine', 'ejs');
app.use(express.urlencoded({
extended: false,
limit: '150mb'
}));
app.use(express.static(__dirname + '/public'));
app.use('/xterm.css', express.static(require.resolve('xterm/css/xterm.css')));
app.use('/xterm.js', express.static(require.resolve('xterm')));
app.use('/xterm-addon-fit.js', express.static(require.resolve('xterm-addon-fit')));
const SSHClient = require('ssh2').Client;
app.get('/', (req, res) => {
// res.sendFile(__dirname + '/index.html');
res.render('index');
// I am using ejs as my templating engine but HTML file work just fine.
});
io.on('connection', function(socket) {
var conn = new SSHClient();
conn.on('ready', function() {
socket.emit('data', '\r\n*** SSH CONNECTION ESTABLISHED ***\r\n');
conn.shell(function(err, stream) {
if (err)
return socket.emit('data', '\r\n*** SSH SHELL ERROR: ' + err.message + ' ***\r\n');
socket.on('data', function(data) {
stream.write(data);
});
stream.on('data', function(d) {
socket.emit('data', d.toString('binary'));
}).on('close', function() {
conn.end();
});
});
}).on('close', function() {
socket.emit('data', '\r\n*** SSH CONNECTION CLOSED ***\r\n');
}).on('error', function(err) {
socket.emit('data', '\r\n*** SSH CONNECTION ERROR: ' + err.message + ' ***\r\n');
}).connect({
host: '192.168.0.103',
port: 22,
username: 'kali',
password: 'kali'
});
});
http.listen(3000, () => {
console.log('Listening on http://localhost:3000');
});
* {
padding: 0%;
margin: 0%;
box-sizing: border-box;
}
body {
font-family: Helvetica, sans-serif, arial;
font-size: 1em;
color: #111;
}
h1 {
text-align: center;
}
#terminal-container {
width: 960px;
height: 600px;
margin: 0 auto;
padding: 2px;
}
#terminal-container .terminal {
background-color: #111;
color: #fafafa;
padding: 2px;
}
#terminal-container .terminal:focus .terminal-cursor {
background-color: #fafafa;
}
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>SSH SERVER</title>
<link rel="stylesheet" href="/xterm.css" />
<script defer src="/xterm.js"></script>
<script defer src="/xterm-addon-fit.js"></script>
<script defer src="/socket.io/socket.io.js"></script>
<script defer src='/js/app.js'></script>
<link rel='stylesheet' href='/css/main.css'>
</head>
<body>
<h3>WebSSH</h3>
<div id="terminal-container"></div>
<script>
// PLEASE USE A SEPERATE FILE FOR THE JS and defer it
// like the above app.js file
window.addEventListener('load', function() {
const terminalContainer = document.getElementById('terminal-container');
const term = new Terminal({
cursorBlink: true
});
const fitAddon = new FitAddon.FitAddon();
term.loadAddon(fitAddon);
term.open(terminalContainer);
fitAddon.fit();
const socket = io() //.connect();
socket.on('connect', function() {
term.write('\r\n*** Connected to backend ***\r\n');
});
// Browser -> Backend
term.onKey(function(ev) {
socket.emit('data', ev.key);
});
// Backend -> Browser
socket.on('data', function(data) {
term.write(data);
});
socket.on('disconnect', function() {
term.write('\r\n*** Disconnected from backend ***\r\n');
});
}, false);
</script>
</body>
</html>