html在线ssh连接,javascript – 连接到远程SSH服务器(通过Node.js/html5控制台)

使用

ssh2,

xterm和

socket.io等模块很容易实现.

这是一个例子：

> npm install ssh2 xterm socket.io

>创建index.html：

SSH Terminal

window.addEventListener('load', function() {

var terminalContainer = document.getElementById('terminal-container');

var term = new Terminal({ cursorBlink: true });

term.open(terminalContainer);

term.fit();

var socket = io.connect();

socket.on('connect', function() {

term.write('\r\n*** Connected to backend***\r\n');

// Browser -> Backend

term.on('data', function(data) {

socket.emit('data', data);

});

// Backend -> Browser

socket.on('data', function(data) {

term.write(data);

});

socket.on('disconnect', function() {

term.write('\r\n*** Disconnected from backend***\r\n');

});

});

}, false);

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;

}

>创建server.js：

var fs = require('fs');

var path = require('path');

var server = require('http').createServer(onRequest);

var io = require('socket.io')(server);

var SSHClient = require('ssh2').Client;

// Load static files into memory

var staticFiles = {};

var basePath = path.join(require.resolve('xterm'), '..');

[ 'addons/fit/fit.js',

'src/xterm.css',

'src/xterm.js'

].forEach(function(f) {

staticFiles['/' + f] = fs.readFileSync(path.join(basePath, f));

});

staticFiles['/'] = fs.readFileSync('index.html');

// Handle static file serving

function onRequest(req, res) {

var file;

if (req.method === 'GET' && (file = staticFiles[req.url])) {

res.writeHead(200, {

'Content-Type': 'text/'

+ (/css$/.test(req.url)

? 'css'

: (/js$/.test(req.url) ? 'javascript' : 'html'))

});

return res.end(file);

}

res.writeHead(404);

res.end();

}

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.100.105',

username: 'foo',

password: 'barbaz'

});

});

server.listen(8000);

>编辑传递给server.js中的.connect()的SSH服务器配置

> node server.js

>在浏览器中访问http://localhost:8000