首页 > 其他分享 >【xterm】在浏览器中实现SSH终端,实现远程登录服务器

【xterm】在浏览器中实现SSH终端,实现远程登录服务器

时间:2023-11-02 13:44:06浏览次数:52  
标签:term 浏览器 示例 xterm js SSH 终端

image
使用插件 Xterm.js 扩展终端功能的 JavaScript 模块

网页植入SSH终端(web-terminal) 连接服务端,实现远程登录,用户可以在网页上直接进行远程登录和操作服务器,而无需使用传统的终端或SSH客户端

HTML 示例

npm install xterm

 <!doctype html>
  <html>
    <head>
      <link rel="stylesheet" href="node_modules/xterm/css/xterm.css" />
      <script src="node_modules/xterm/lib/xterm.js"></script>
    </head>
    <body>
      <div id="terminal"></div>
      <script>
        var term = new Terminal();
        term.open(document.getElementById('terminal'));
        term.write('Hello from \x1B[1;3;31mxterm.js\x1B[0m $ ')
      </script>
    </body>
  </html>

vue3 示例

示例项目基于 Vue.js + Node WebSocket 通信服务
ws 库,创建 websocket 服务端
node-pty 库,模拟创建伪终端模拟器

vue3 WebSocket xterm

标签:term,浏览器,示例,xterm,js,SSH,终端
From: https://www.cnblogs.com/branchTree/p/17805206.html

相关文章

  • centos7远程ssh登录好慢啊,终于解决了
    虚拟机上装了centos7用win主机远程连接每次都很慢,一度怀疑是网卡什么的设置不对,甚至以为要重装系统,后来偶然发现是sshd_config配置问题直接修改一下其中的dns设置,vim/etc/ssh/sshd_config将UseDNSyes注释取消改为UseDNSno,并保存退出重启sshdsystemctlrestartsshd再次连......
  • vscode使用SSH远程连接服务器并搭建c++环境
    环境:win10,vscode,一台linux服务器1.连接到远程平台在vscode上安装Remote-SSH插件,安装后左侧边栏会多出这样一个图标;点击这个图标,选择SSH右边的齿轮弹出一个窗口,选择第一个选项Host处填写远程服务器的名称(可以随便填),填写地址HostName,用户名User,端口Port。保存并刷新SSH列......
  • IDEA配置Tomcat老是在浏览器中包资源找不到404错误
    Idea报了一个404老是访问不到我的项目地址,花了我好久的时间,我可算是整出来了。废话不多说,上图。第一步排错:发现上边url:https://localhost:8080/事实上这个url是指向不了我们项目的,也就是说这个url的指向是找不到我们项目的路径的。接下来第二步:看下边那行有个红色圈圈的警告,我......
  • 使用Postman快速复现浏览器的请求(包括生成调用代码)
    前言大家好!我是sum墨,一个一线的底层码农,平时喜欢研究和思考一些技术相关的问题并整理成文,限于本人水平,如果文章和代码有表述不当之处,还请不吝赐教。好久没有写开发类的工具使用文了,这次我来讲下平时我是如何使用Postman工具的。一、工具准备软件下载链接:https://www.postman.c......
  • Chrome浏览器查看前端参数
    按F12或者右键点击“检查”进入开发者模式。点击这个箭头图标,即可选择要查看参数的区域。 查看表格的行高和列宽当鼠标移到某区域,就会出现浮层,显示此区域的长和宽 查看字体和字号在搜索栏搜索关键字“font-size”可找到字号 ......
  • 使用sshfs-win将linux服务器目录挂载到windows下
    可以直接将服务器上的目录挂载到Windows的资源管理器,相当于多了一个磁盘,这样子就可以直接将数据下载到服务器上了,挺方便的。原理说明一般情况下,我们可以通过samba协议挂载远程服务器上的文件夹。然而,并非所有服务器都开放了samba端口,特别是在外网情况下,通常只会开放一个s......
  • selenium远程调用浏览器(firefox版)
    安装selenium浏览器服务dockerrun--namefirefox-d-p4444:4444-p7900:7900--shm-size="2g"selenium/standalone-firefox:3.141demofromseleniumimportwebdriverfromselenium.webdriverimportDesiredCapabilitiesdriver=webdriver.Remote(#指定......
  • macbook m1 连接gerrit ssh 拉去代码不成功
    记录一下,折腾了一早上~mac系统:macOSSonoma14.0openssh:9.3问题描述:拉代码:gitclone"ssh://XXXX/"报错了:Cloninginto'autotest'[email protected]:Permissiondenied(publickey).fatal:Couldnotreadfromremoterepository.Pleasemakes......
  • 33-Vue脚手架-浏览器本地存储(使用本地存储优化Todo-List案例)
    什么是网络存储在HTML5之前,开发人员一般是通过使用Cookie在客户端保存一些简单的信息的。在HTML5发布后,提供了一种新的客户端本地保存数据的方法,那就是WebStorage,存储内容大小一般支持5MB左右(不同浏览器可能还不一样),它允许Web应用程序在用户浏览器中实现本地存储机制,两种最......
  • 在CentOS7上更改端口号时报错:Job for sshd.service failed because the control proce
    1、问题描述在在CentOS7×上更改端口号时报错:“Jobforsshd.servicefailedbecausethecontrolprocessexitedwitherrorcode.See‘systemclstatus&sshdservice"andfournalctixe'fordetails.”2、修改ssh端口号的方法sudovim/etclssh/sshd_config将“#Port......