[英]how to create interactive ssh terminal and enter commands from the browser using Node JS in a Meteor app
我正在尝试创建一个 web 页面,用户可以在其中使用用户名/密码通过 ssh 对远程服务器进行身份验证,然后与远程服务器交互。
我不希望创建一个完整的交互式终端:应用服务器将根据用户输入执行一组有限的命令,然后将响应传递回浏览器。
不同的用户应该与不同的 ssh 会话进行交互。
我的应用程序是在 Meteor 1.8.1 中构建的,因此后端在 Node JS 版本 9.16.0 下运行。 它使用 Phusion Passenger 部署到 Ubuntu。
我查看了几个可以创建交互式 ssh session 的软件包,但我缺少有关如何使用它们的基本知识。
例如https://github.com/mscdex/ssh2#start-an-interactive-shell-session
该示例显示了以下代码:
var Client = require('ssh2').Client;
var conn = new Client();
conn.on('ready', function() {
console.log('Client :: ready');
conn.shell(function(err, stream) {
if (err) throw err;
stream.on('close', function() {
console.log('Stream :: close');
conn.end();
}).on('data', function(data) {
console.log('OUTPUT: ' + data);
});
stream.end('ls -l\nexit\n');
});
}).connect({
host: '192.168.100.100',
port: 22,
username: 'frylock',
privateKey: require('fs').readFileSync('/here/is/my/key')
});
此示例连接到远程服务器,执行命令“ls”,然后关闭 session。 在我正在寻找的意义上,它不是“交互式”的。 我看不到的是如何让 session 保持活动状态并发送新命令?
这个完整终端的示例对于我的需求来说似乎有点过头了,我不会使用 Docker。
此示例使用 socket.io,我不确定这将如何与我的 Meteor 应用程序交互? 我目前正在使用 Meteor 方法和出版物在客户端和服务器之间传递信息,所以我希望需要使用 Meteor 基础设施的“流星型”解决方案?
child_process.spawn 有效,但只会发送一个命令,它不维护 session。
我知道其他人也问过类似的问题,但我没有看到针对我的特定案例的解决方案。 感谢您的任何帮助。
我按照这些在浏览器中创建交互式终端的说明以及使用 socket.io 和 Meteor 的说明来完成这项工作。
由于包的变化,这两组指令都需要一些更新:
meteor-node-stubs 现在使用 stream-http 而不是 http- browserify https://github.com/meteor/node-stubs/issues/14所以不要使用hack for socket
xterm 插件(fit)现在是单独的包
我使用了这些软件包:
SSH2
xterm
xterm-addon-fit
socket.io
socket.io 客户端
并且还必须卸载 meteor-mode-stubs 并重新安装它以获得不依赖 Buffer polyfill 的最新版本。
这是我的代码。
前端:
我的终端.html
<template name="myterminal">
<div id="terminal-container"></div>
</template>
我的终端.js
import { Template } from 'meteor/templating';
import { Terminal } from 'xterm';
import { FitAddon } from 'xterm-addon-fit';
import './xterm.css'; // copy of node_modules/xterm/css/xterm.css
// xterm css is not imported:
// https://github.com/xtermjs/xterm.js/issues/1418
// This is a problem in Meteor because Webpack won't import files from node_modules: https://github.com/meteor/meteor-feature-requests/issues/278
const io = require('socket.io-client');
Template.fileExplorer.onRendered(function () {
// Socket io client
const PORT = 8080;
const terminalContainer = document.getElementById('terminal-container');
const term = new Terminal({ 'cursorBlink': true });
const fitAddon = new FitAddon();
term.loadAddon(fitAddon);
term.open(terminalContainer);
fitAddon.fit();
const socket = io(`http://localhost:${PORT}`);
socket.on('connect', () => {
console.log('socket connected');
term.write('\r\n*** Connected to backend***\r\n');
// Browser -> Backend
term.onData((data) => {
socket.emit('data', data);
});
// Backend -> Browser
socket.on('data', (data) => {
term.write(data);
});
socket.on('disconnect', () => {
term.write('\r\n*** Disconnected from backend***\r\n');
});
});
});
服务器:
服务器/main.js
const server = require('http').createServer();
// https://github.com/mscdex/ssh2
const io = require('socket.io')(server);
const SSHClient = require('ssh2').Client;
Meteor.startup(() => {
io.on('connection', (socket) => {
const conn = new SSHClient();
conn.on('ready', () => {
console.log('*** ready');
socket.emit('data', '\r\n*** SSH CONNECTION ESTABLISHED ***\r\n');
conn.shell((err, stream) => {
if (err) {
return socket.emit('data', `\r\n*** SSH SHELL ERROR: ' ${err.message} ***\r\n`);
}
socket.on('data', (data) => {
stream.write(data);
});
stream.on('data', (d) => {
socket.emit('data', d.toString('binary'));
}).on('close', () => {
conn.end();
});
});
}).on('close', () => {
socket.emit('data', '\r\n*** SSH CONNECTION CLOSED ***\r\n');
}).on('error', (err) => {
socket.emit('data', `\r\n*** SSH CONNECTION ERROR: ${err.message} ***\r\n`);
}).connect({
'host': process.env.URL,
'username': process.env.USERNAME,
'agent': process.env.SSH_AUTH_SOCK, // for server which uses private / public key
// in my setup, already has working value /run/user/1000/keyring/ssh
});
});
server.listen(8080);
});
请注意,我是从一台通过公钥访问 ssh 的机器连接到远程服务器。 根据您的设置,您可能需要不同的凭据。 环境变量从 Meteor 运行时的文件中加载。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.