爱上开源之DockerUI-如何实现Web端的Xshell终端模拟器

最新推荐文章于 2024-08-10 07:41:40 发布
最新推荐文章于 2024-08-10 07:41:40 发布
阅读量1.2k 收藏 1
点赞数
文章标签： spring servlet
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/AS011x/article/details/126585336
版权
本文介绍了如何在DockerUI中使用xterm.js实现Web控制台，模拟Xshell终端功能。DockerUI通过封装xterm.js创建Terminal对象，并结合WebSocket实现与Docker容器的双向通信，允许用户直接在Web界面执行容器内的命令。
摘要由CSDN通过智能技术生成

xterm.js是模拟终端产品中最为市场推崇的，较多的开源项目在实现Shell模拟终端都是用了这个产品。 在DockerUI中，dockerUI提供了类似Shell的功能，可以在DockerUI里直接连接到容器里，执行容器的终端命令， 类似于在docker环境下，执行docker container exec -it 这样的命令行功能。 在DockerUI里也使用了xterm.js这个项目来实现了WEB方式的模拟控制台终端。

先看看效果图

​

注意看清楚哟， 和Xshell长的很像，但是是WEB方式实现的。

今天这篇文章，就来谈谈xterm.js在DockerUI里的具体实现Web控制台的过程。

引入xterm.js

说实在话，虽然这个xterm.js确实在此类产品中的名气确实最大，但是其官方网站上的文档和资料就真的是匹配不上这个江湖地位了， 文档基本没有， 只能看源码进行猜和试错。 我们DockerUI里对xterm.js的集成，基本上全部都是自己试出来的。

 

 

ROOT_RES_URL + "/static/plugins/xterm/lib/xterm.js", ROOT_RES_URL + "/static/plugins/xterm/lib/xterm-addon-fit.js"
 

 

 

 

ROOT_RES_UR

                

        

        

    

  


        

            

                    
                      最低0.47元/天 解锁文章
                        
                    
            

        

    

      

        

            

              
                
                  油腻的程序猿啊
                
              
            

            

                关注
              
            

        

        

          
      

      









                



	

		

			

				
					
java实现的简易xshell终端

				
			

			

				

					04-28
				

			

		

		

			
				
Java 实现简易Xshell终端是基于Java语言与JSch库结合的一种技术，它允许开发者创建一个功能类似于Xshell的命令行界面，通过SSH协议连接到远程服务器进行操作。JSch是一个纯Java实现的SSH2库，它提供了对SSH2协议的...

			
		

	



                

              
                



	

		

			

				
					
Python-butterfly一个用pythontornado实现的web终端模拟器

				
			

			

				

					08-10
				

			

		

		

			
				
butterfly一个用python tornado实现的web终端模拟器，可以在浏览器实现终端模拟，各种颜色高亮都有，无须对终端的各种配置 

			
		

	



                


  
              

                


	

		

			

				
					
Web 模拟终端博客系统

				
			

			

				

					weixin_33860737的博客
				

				

					09-01
					
					178
					
				

			

		

		

			
				
前段时间做了一个非常有意思的模拟终端的展示页：ursb.me/terminal/（没有做移动端适配，请在PC端访问），这个页面非常有意思，它可以作为个人博客系统或者给 Linux 初学者学习终端命令，现分享给大家~开源地址：airingursb/terminal0x01 样式打开页面效果如下图所示： 其实这里的样式就直接 Copy 了自己 Mac 上 Terminal 的界面，当然界面上的参数都是...

			
		

	





	

		

			

				
					
开源项目：WebTerminal - 快速部署与使用指南

					
最新发布

				
			

			

				

					gitblog_00257的博客
				

				

					08-10
					
					431
					
				

			

		

		

			
				
开源项目：WebTerminal - 快速部署与使用指南
 webterminalssh rdp vnc telnet sftp bastion/jump web putty xshell terminal jumpserver audit realtime monitor rz/sz 堡垒机 云桌面 linux devops sftp websocket  file management rz/...

			
		

	



		

			
		



	

		

			

				
					
网页版的Xshell

				
			

			

				

					qq_29860591的博客
				

				

					03-12
					
					3321
					
				

			

		

		

			
				
在公众号看见的一篇文章，推荐一下，挺实用。
技术选型
由于webssh需要实时数据交互，所以会选用长连接的WebSocket，为了开发的方便，框架选用SpringBoot，另外还自己了解了Java用户连接ssh的jsch和实现前端shell页面的xterm.js.
所以，最终的技术选型就是 SpringBoot+Websocket+jsch+xterm.js。
导入依赖

<par...

			
		

	





	

		

			

				
					
Shellinabox：安全易用的Web终端模拟器

				
			

			

				

					gitblog_00065的博客
				

				

					05-12
					
					480
					
				

			

		

		

			
				
Shellinabox：安全易用的Web终端模拟器
项目地址:https://gitcode.com/shellinabox/shellinabox
项目介绍
Shellinabox是一个轻量级的开源工具，旨在通过Web浏览器提供安全的命令行接口（CLI）访问。它不需要任何额外的客户端软件，只需在服务器端安装，然后通过浏览器即可实现远程控制和管理。这使得在不同操作系统和设备上访问Linux或Uni...

			
		

	





	

		

			

				
					
实现一个网页版的Xshell

				
			

			

				

					qq_34393250的博客
				

				

					08-18
					
					1638
					
				

			

		

		

			
				
SpringBoot+Websocket+xterm+jsch实现一个网页版的Xshell
Websocket
  由于webssh需要实时数据交互，所以会选用长连接的WebSocket。
WebSocket协议是基于TCP的一种新的网络协议。它实现了浏览器与服务器全双工(full-duplex)通信——允许服务器主动发送信息给客户端。HTTP 协议有一个缺陷：通信只能由客户端发起，HTTP 协议做不到服务器主动向客户端推送信息，所以WebSocket就是为了弥补HTTP协议的这种缺陷，而产生的。
在Spr

			
		

	





	

		

			

				
					
Python-通过Django在web上实现xshell的功能

				
			

			

				

					08-10
				

			

		

		

			
				
本项目的目标是利用Django来构建一个类似xshell的Web应用，允许用户在浏览器中执行远程服务器的命令，实现安全的终端交互。  Xshell是一款功能强大的终端模拟器，通常用于SSH、Telnet、RDP等协议的远程控制。在Web上...

			
		

	





	

		

			

				
					
Xshell-6 终端模拟器

				
			

			

				

					05-21
				

			

		

		

			
				
Xshell 是一款功能强大的终端模拟器，支持SSH1，SSH2，SFTP，TELNET，RLOGIN和SERIAL。通过提供业界先进的性能，Xshell 包含了其他SSH客户端无法发现的功能和优势。

			
		

	





	

		

			

				
					
Xshell5终端模拟器已激活

				
			

			

				

					05-24
				

			

		

		

			
				
注意：本资源内的xshell5需要安装，但同时附带了激活码 ...Xshell可以在Windows界面下用来访问远端不同系统下的服务器，从而比较好的达到远程控制终端的目的。除此之外，其还有丰富的外观配色方案以及样式选择。

			
		

	





	

		

			

				
					
docker-console：Docker的Web终端

				
			

			

				

					02-06
				

			

		

		

			
				
Docker的Web终端
1，git clone 
 2，pip安装-r requirements.txt
 3，编辑/ etc / default / docker添加DOCKER_OPTIONS =“-H Unix：///var/run/docker.sock -H 0.0.0.0:2375”或/ etc / sysconfig / docker-network，添加DOCKER_NETWORK_OPTIONS =“- H unix：///var/run/docker.sock -H 0.0.0.0:2375“或/lib/systemd/system/docker.service，然后重新

			
		

	





	

		

			

				
					
坚韧：Web终端模拟器

				
			

			

				

					02-05
				

			

		

		

			
				
坚韧
 Web终端模拟器。 基于和 。
安装
npm i gritty -g 
用法
Usage: gritty [options]
Options:
  -h, --help              display this help and exit
  -v, --version           output version information and exit
  --path                  output path of a gritty and exit
  --port                  set port number
  --comm

			
		

	





	

		

			

				
					
容器网页终端（websocket-webshell）

				
			

			

				

					09-23
				

			

		

		

			
				
Java WebSockt DockerSSH Html5 Tomcat8 等技术写的WebShell 容器网页终端          
 传统websockt终端和容器化终端解决方案！

			
		

	





	

		

			

				
					
web-shell:在 Web 服务器上运行的终端

				
			

			

				

					05-30
				

			

		

		

			
				
网络外壳
供电
Web Shell 由 、 和。 Windows 需要 。
安装
从源代码
git clone github.com/jiangklijna/web-shell
cd web-shell
make gen
make
从发布
帮助
$ web-shell -h
Usage:
  web-shell [-s server mode] [-c client mode]  [-P port] [-u username] [-p password] [-cmd command]
Example:
  web-shell -s -P 2020 -u admin -p admin -cmd bash
  web-shell -c -H 192.168.1.1 -P 2020 -u admin -p admin
Options:
  -C string
        crt file
 

			
		

	





	

		

			

				
					
cloudterm：Cloud Web Terminal模拟器。 打开您的终端到网络

				
			

			

				

					02-05
				

			

		

		

			
				
cloudterm：Cloud Web Terminal模拟器。 打开您的终端到网络

			
		

	





	

		

			

				
					
能够运行ttl脚本的基于Web的终端仿真器有什么

				
			

			

				

					HuuXiaoTian的博客
				

				

					05-23
					
					182
					
				

			

		

		

			
				
tera term

			
		

	





	

		

			

				
					
Web的远程 Terminal 模拟器 Shellinabox

				
			

			

				

					
				

				

					08-16
					
					246
					
				

			

		

		

			
				
Shellinabox 是一个基于 web 的终端模拟器，采用 C 语言编写，使用 Ajax 与后端服务通信。它实现了一个 Webserver，默认监听 4200 端口，在支持 Javascript 和 CSS 的浏览器上访问 http://ip+host:4200shellinabox的安装

yum install openssl shellinabox

shellinab...

			
		

	





	

		

			

				
					
基于Xterm.js+experss-ws+websocket+ssh2+typescript实现webssh(网页端xshell)

				
			

			

				

					小糖豆
				

				

					11-22
					
					3628
					
				

			

		

		

			
				
实现网页版xshell，需要学习的东西有点多，下面一个个简单介绍
Xterm.js
这是网上的一个开源框架，其作用主要是界面方面，比如新建一个小黑窗，设置各种样式等作用，用法也很简单，具体可查https://xtermjs.org/
experss
express是一个开源的框架，大多数公司也在使用这样的框架作为Node中间层或者是服务端使用，可以快速搭建一个服务端出来，
var express = require('express');
var app = express();
app.get('/', 

			
		

	





	

		

			

				
					
【系统运维-xshell】xshell终端中文乱码完全解决方法

				
			

			

				

					09-22
				

			

		

		

			
				
xshell终端中文乱码问题的解决方法可以分为三种情况来考虑。

第一种情况是Linux系统的编码问题。您可以执行"locale"命令查看系统语言，然后将系统环境变量LANG设置为en_US.UTF-8，可以通过以下命令进行设置：export LANG=en_US.UTF-8。您还可以编辑文件/etc/sysconfig/i18n，将LANG设置为en_US.UTF-8。这样可以解决Linux系统的编码问题。

第二种情况是xshell终端的编码问题。您可以通过以下步骤来解决：在xshell中点击"File->Properties"，然后将编码设置为Unicode (UTF-8)。

第三种情况是两端的语言编码不一致。如果以上操作仍然无法解决中文乱码问题，那么可能是由于两端的语言编码不一致所导致的。您可以尝试修改Linux环境变量LANG，或者将xshell终端编码设置为Chinese Simplified (GB2312)。同时，请确保LANG设置为en_US.UTF-8或en_US。

如果您按照以上步骤进行了设置，仍然遇到中文乱码问题，您可以尝试退出并重新登录系统，再次进行以上设置，并验证更改后的结果。

希望以上解决方法能帮助您解决xshell终端中文乱码问题。



			
		

	



              




          




        



    





    



      

      

        
      

      





	

		评论	
	

	
	




  

    

      添加红包
      
    

    

      

        
        

          
          
        

        
请填写红包祝福语或标题

      

      

        
        

          
          个
        

        
红包个数最小为10个

      

      

        
        

          
          元
        

        
红包金额最低5元

      

      

        
        

          当前余额3.43元
          前往充值 >
        

      

      

        

          需支付：10.00元
        

        
        
      

    

  





  

    
    
  

  

    
    
  








  

    

      

        

          

            
            
成就一亿技术人!

          

          

        

        

          

          

            领取后你会自动成为博主和红包主的粉丝
            规则
          

        

      

      

        

          

            
              
            
            

              
hope_wisdom
 发出的红包
            

          

        

        

          

          

          

        

      

    

    

  



      
      

      
实付元

      
使用余额支付

      

        

          

            
            点击重新获取
          

        

        
扫码支付

      

      

        
          
            
          
          
        
      

      

        
        钱包余额
          0
          

            
            

              

                
抵扣说明：

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

              

            

          

      

      余额充值