js如何实现连接linux终端,Web SSH 在线编程(一) --（HTML 页面实现终端(terminal) 模拟器远程连接）...

最新推荐文章于 2024-05-26 10:03:48 发布
最新推荐文章于 2024-05-26 10:03:48 发布
阅读量2.2k 收藏 1
点赞数 2
文章标签： js如何实现连接linux终端

目标实现效果：

在页面实现Linux终端连接

所需工具：

Django，Linux，Vue

Xtrem.js

DWebSocket

paramiko

SSH

WebSSH在线编程工具介绍

首先我们需要 在页面的一个终端模拟器。

XTerm 就会解决这个，找到 vue 项目中的 package.json 文件

8f3428f7aa772d9629e796878d21dc9f.png

在Node.js中，模块是一个库或框架，也是一个Node.js项目。Node.js项目遵循模块化的架构，当我们创建了一个Node.js项目，意味着创建了一个模块，这个模块的描述文件，被称为 package.json。

打开

2d46eef2b990939f165340ff5a4d7e4c.png

在 dependencies 下面填写 xterm 喝对应的版本号 我们这里用 3.1.0 的，然后删除 vue 的依赖包

最低0.47元/天 解锁文章
周白之白
关注
  • 2
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
html在线ssh连接,javascript – 连接到远程SSH服务器(通过Node.js/html5控制台)
weixin_42296571的博客
05-31 1600
使用ssh2,xterm和socket.io等模块很容易实现.这是一个例子：> npm install ssh2 xterm socket.io>创建index.html：SSH Terminalwindow.addEventListener('load', function() {var terminalContainer = document.getElementById('ter...
terminal.js: 在Web上创建功能完备的终端模拟器
gitblog_00078的博客
03-17 492
terminal.js: 在Web上创建功能完备的终端模拟器 项目简介 Terminal.js 是一个轻量级的 JavaScript 库，用于在 Web 网页中创建具备完整功能的终端模拟器。该项目由 Gottox 开发并维护，并提供了丰富的自定义选项以满足各类需求。 功能与用途 Terminal.js 可广泛应用于多种场景，如在线编程教程、游戏、教学演示等。利用 Terminal.js，您可以轻...
推荐项目：Terminal.js-Webshell - 在浏览器中实现终端模拟器
最新发布
gitblog_00016的博客
05-26 493
推荐项目：Terminal.js-Webshell - 在浏览器中实现终端模拟器 项目地址:https://gitcode.com/Gottox/node-webterm 1、项目介绍 Terminal.js-Webshell 是一个基于 child_pty 和 terminal.js 的示例应用，它展示了如何在Web环境中创建一个功能齐全的命令行终端。这个开源项目允许开发者将Unix/Linux...
探索终端模拟器的力量：terminal.js
gitblog_00005的博客
05-26 319
探索终端模拟器的力量：terminal.js 项目地址:https://gitcode.com/eosterberg/terminaljs 1、项目介绍 在现代Web开发中，创造引人入胜的用户体验是至关重要的。terminal.js是一个轻量级的JavaScript库，它能够为你带来一个模拟shell环境的功能，让你的网页应用具有交互式的命令行体验。只需一行代码，就能让用户的浏览器瞬间变身成为一个...
使用 JavaScript 模拟 Linux 终端
小菜的博客
07-03 973
一道面试题，记录下来，两个文件，一个是 html，一个是 js 通过 JavaScript 仿Linux终端控制台，假定目录结构由 描述 文件代码 sh.js 文件 分析项目源码 给 input 添加 keyup 事件 o 函数用于给添加，每次命令执行两次，一次用于添加，一次用于添加完成实际效果如下 实现思路：定义一个 Path ，用一个数组存储当前路径的值 每次 cd 的时候，拿到当前目录，判断 cd 的参数是否存在于当前存在，存在则进入，不存在给出提示 ls、pwd 直接输出当前目录的 object
nodejs系列-如何用JS代码连接远程服务器并执行命令创建文件-ssh2
tangdou369098655的博客
02-06 3437
作为一名前端，我们在某些情况下，需要使用代码去登录Linux服务器，并执行命令，这个时候我们应该怎么办呢？这里给大家推荐一个库-ssh2，用了它以后，前端也可以轻轻松松使用代码去处理一些服务器命令需求啦~关于privateKey请参考我的这篇文章。欢迎大家指出文章需要改正之处~
xterm.js 组件实现WebSSH功能
热门推荐
CSDN
01-17 1万+
本次实验将使用Django 3.0 配合 dwebsocket websocket组件，实现一个网页版的SSH命令行工具，其支持 vim , 支持 ping等交互命令，唯一的一个小缺点是略卡，不知道是我电脑问题还是这个socket框架不稳定呢，如果做项目建议不要手撸代码，其实已经有非常好的解决方案了基本用法命令执行光标问题已经解决了，找了很久的，操蛋啊。来我们继续，加上边框，进行定制。继续改造啊，先玩着，后期上websocket.
Java（通过ganymed-ssh2-build210.jar）实现SSH远程连接linux终端
08-03
Java通过ganymed-ssh2-build210.jar库实现SSH远程连接Linux终端是一个常见的应用场景，主要用于自动化运维、系统管理或者开发过程中需要与Linux服务器交互的场景。ganymed-ssh2-build210.jar是Java的一个开源SSH库，...
webssh:一款基于vue+egg的web终端管理器，可实现基本Linux服务器常规操作
05-28
webssh一款基于vue+egg的web终端管理器，可实现基本Linux服务器常规操作。演示环境演示地址：演示账号: admin/admin* 请不要随意修改账号密码环境Vue 2.6.11Ant Design Vue 1.6.4+Node 12.16Egg 2.27Mysql 5.7+特性...
QSsh-master.zip_QSsh-master_brassyyb_qt+ftp_qt实现ssh_qt连接ssh
07-13
总的来说，QSsh-master项目为QT开发者提供了一个强大且方便的工具，通过SSH连接和FTP功能，可以在QT应用程序中实现远程服务器的管理和文件操作。开发者可以利用这个库构建自己的远程管理工具，例如，一个用于自动化...
远程连接服务器配置-SSH(PPT文档).ppt
11-15
远程连接服务器配置-SSH 远程连接服务器配置是指通过Secure Shell（SSH）协议来连接和登录远程服务器的过程。SSH是一种安全的网络协议，主要用于远程登录和其他网络服务。它采用公钥加密来确保安全性，用户可以使用...
javascript-terminal：可在您的浏览器和Node.js中使用JavaScript终端仿真器库
02-06
JavaScript终端 一个开放源代码JavaScript终端仿真器库，可在您的浏览器和Node.js中使用。 产品特点 内存文件系统，由Immutable.js支持 所选* NIX模拟的命令（例如ls ， cd ， head ， cat ， echo ， rm ） 命令解析 支持环境变量 终端命令自动完成 安装 用npm或yarn安装。 npm install javascript-terminal --save yarn add javascript-terminal 用法 创建一个模拟器 创建终端仿真器的新实例： const emulator = new Terminal . E
webssh远程登录
08-07
使用web结合python开发的ssh远程连接linux工具方便与安全管理机器
ssh-kit:javascript ssh 客户端
06-18
ssh-kit 用于 javascript 的极简、高效的 ssh 客户端 var SSH = require ( 'ssh-kit' ) , ssh = new SSH ( ) ; ssh . set ( 'username' , 'dmitriiabramov' ) ; ssh . set ( 'host' , 'rheia.us' ) ; ssh . set ( 'sshKey' , '~/.ssh/id_rsa' ) ; ssh . exec ( 'pwd' ) ; ssh . exec ( 'ls -la' ) ; ssh . exec ( 'ls' ) ; ssh . on ( 'finish' , console . log . bind ( console , 'all done!' ) ) ; // TODO: // local command execu
Node.js-WebSSH2基于Web的SSH2客户端使用xterm.jssocket.io和ssh2实现
08-10
WebSSH2基于Web的SSH2客户端，使用xterm.js，socket.io和ssh2实现
js如何实现连接linux终端,用 xterm.js 实现一个简易的 web-terminal ！
weixin_33265716的博客
05-11 2169
前言大家新年好呀~ 因为工作比较忙，有一段时间没更新了(其实就是懒)，一直没想好写啥，直到最近工作中遇到了个需要内嵌 网页终端(web-terminal) 的需求，踩了不少坑，终于整明白了大概，想着写篇文章回馈下社区，于是乎说干就干，走起~xterm.js 初探知道需要做 web-terminal ，第一件事先网上调研一下具体需要的技术，最后发现 xterm.js 为大多数 web-termina...
通过浏览器html5操作Windows远程桌面,linux，记Apache Guacamole的安装与使用
冰之杍的博客
09-02 6746
http://guacamole.apache.org/ Apache Guacamole 配置Windows远程桌面 https://guacamole.apache.org/releases/1.3.0/ $ tar -xzf guacamole-server-1.3.0.tar.gz $ cd guacamole-server-1.3.0/ $ cd guacamole-server/ $ autoreconf -fi ./configure --with-init-dir=/etc/init.d m
linux下和htm的运行,嵌入式LINUX下CGI与HTML网页之间的通信
weixin_39614228的博客
05-01 757
8种机械键盘轴体对比本人程序员，要买一个写代码的键盘，请问红轴和茶轴怎么选？前言CGI 是Web服务器运行时外部程序的规范, 按CGI编写的程序可以扩展服务器功能. CGI应用程序能与浏览器进行交互, 还可通过数据库API与数据库服务器等外部数据源进行通信, 从数据库服务器中获取数据.几乎所有服务器都支持CGI,可用任何语言编写CGI,包括C/C++, Python, Shell等.本文通过编写...
WebSocket+xterm+springboot+vue 实现 xshell 操作linux终端功能
心藏_的博客
02-16 7116
xterm 是一个使用 TypeScript 编写的前端终端组件，可以直接在浏览器中实现一个命令行终端应用。Xterm.js 适用于大多数终端应用程序，如 bash，vim 和 tmux，这包括对基于curses的应用程序和鼠标事件的支持。
基于xterm.js 实现Vue版本终端terminal连接服务器
06-09
非常好的问题！基于 xterm.js 实现 Vue 版本终端 terminal 连接服务器的方法如下： 1. 安装 xterm.js 使用 npm 安装 xterm.js： ``` npm install xterm ``` 2. 创建 Vue 组件 在 Vue 组件中引入 xterm.js 并创建终端： ``` <template> <div ref="terminal"></div> </template> <script> import { Terminal } from 'xterm'; export default { mounted() { this.terminal = new Terminal({ cursorStyle: 'bar', rows: 30, cols: 100, theme: { background: '#1e1e1e', foreground: '#d4d4d4' } }); this.terminal.open(this.$refs.terminal); } } </script> ``` 3. 使用 SSH 连接服务器 使用 ssh2 库连接服务器： ``` <template> <div ref="terminal"></div> </template> <script> import { Terminal } from 'xterm'; import { Client } from 'ssh2'; export default { mounted() { this.terminal = new Terminal({ cursorStyle: 'bar', rows: 30, cols: 100, theme: { background: '#1e1e1e', foreground: '#d4d4d4' } }); this.terminal.open(this.$refs.terminal); const conn = new Client(); conn.on('ready', () => { conn.shell((err, stream) => { if (err) throw err; this.terminal.attach(stream); this.terminal._initialized = true; this.terminal.prompt(); }); }).connect({ host: 'example.com', port: 22, username: 'username', password: 'password' }); } } </script> ``` 这里使用 ssh2 库连接服务器，当连接成功后使用 `shell` 方法创建一个 shell 进程，并将进程的输入输出流与终端进行绑定。当用户在终端中输入命令时，命令将会发送给服务器执行。 以上就是基于 xterm.js 实现 Vue 版本终端 terminal 连接服务器的方法，希望能够帮到你！

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值