连接到远程SSH服务器(通过Node.js / html5控制台) [英] Connecting to remote SSH server (via Node.js/html5 console)
问题描述
我一直在寻找网络的面孔来回答我认为会很简单的问题。我的目标很直接。我想用Node.js模块构建一个简单的基于Web的SSH客户端。如果我想连接到节点服务器本身,我找到了几个选项,但似乎找不到连接到REMOTE服务器的任何示例。
I have been scouring the face of the web looking to answer a question which I had thought would be simple. My goal is straight forward. I want to build out a simple web-based SSH client using Node.js module(s). I have found several options if I want to connect to the node server itself, but can't seem to find any examples of connecting to a REMOTE server.
基本上是结果我正在寻找的工作是这样的:连接到web服务器 - >点击服务器列表中的服务器名称 - >输入SSH会话到服务器我点击
Essentially the outcome I am looking for is a workflow like this : Connect to webserver -> Click on a server name in a list of servers -> Enter SSH session to the server I clicked on
我发现的唯一一件事情就是远离我正在寻找的东西是鳄梨酱。然而,我不想使用鳄梨酱,因为我希望这个应用程序独立于操作系统。目前我正在Windows 10平台上构建它,并在完成后将其移植到fedora。
The only thing I have found that's even remotely close to what I am looking for is guacamole. I do not want to use guacamole, however, as I want this application to be OS independent. Currently I am building it on a windows 10 platform, and will port it over to fedora when I am done.
我发现本教程适用于创建一个SSH终端。但是,所有这些都会创建(或尝试创建)到本地系统的SSH连接。
I found this tutorial for creating an SSH terminal. However, all this does is creates (or attempts to create) an SSH connection to the local system.
另一个看起来非常棒的选项是 tty .js文件。唉,底线与上面的教程相同。该模块只允许您连接到node.js服务器,而不是连接到远程服务器。
Another options that looked absolutely fantastic was tty.js. Alas, the bottom-line is the same as the above tutorial. The module only allows you to connect to the node.js server, NOT to remote servers.
任何人都有关于实现此目标的可能路径的信息?
Anyone have information on a possible path to this goal?
推荐答案
这很容易通过 ssh2
, xterm
和 socket.io
。
This is easily doable with modules like ssh2
, xterm
, and socket.io
.
下面是一个例子:
Here's an example:
-
npm install ssh2 xterm socket.io
- 创建
index.html
:
npm install ssh2 xterm socket.io
- Create
index.html
:
<html>
<head>
<title>SSH Terminal</title>
<link rel="stylesheet" href="/src/xterm.css" />
<script src="/src/xterm.js"></script>
<script src="/addons/fit/fit.js"></script>
<script src="/socket.io/socket.io.js"></script>
<script>
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);
</script>
<style>
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;
}
</style>
</head>
<body>
<div id="terminal-container"></div>
</body>
</html>
- 创建
服务器。 js
:
- Create
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);
- 编辑传递给
.connect()
在server.js中
-
节点server.js
- 访问 http:// localhost:8000 a>在浏览器中
- Edit the SSH server configuration passed to
.connect()
inserver.js
node server.js
- Visit http://localhost:8000 in your browser
这篇关于连接到远程SSH服务器(通过Node.js / html5控制台)的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!