简单分析实现运维利器---webssh终端

背景

现在几乎所有东西都向往着自动化,在运维界更是如此,运维人员都向往自动化代替人工操作、解决人工操作大量重复性工作的问题、故障主动恢复:及时发现;流程;解决。运维规范化:角色定义和责任划分、流程化等。但这些种种的目的,都离不开非常细小的技术支持,下面我们就来讨论如何搭建一个自动化运维平台,本文先讲一讲运维平台较重要的技术之一的webssh。

一、技术选型&实现思路

1.后端逻辑,选用:Django框架

2.模拟web终端,选用:xterm

3.实现远程主机连接,建立ssh通道,python库:paramiko

4.实现web远程连接必须需要实时保持前后端通信,使用技术:websocket

5.技术流程图
在这里插入图片描述

二、实现

2.1.创建webssh页面

xterm.js是一个开源模拟终端,利用它我们可以创建一个比较正规好看的终端界面。

<!doctype html>
  <html>
    <head>
    <link rel="stylesheet" href="/static/xterm_/xterm.css"  />
    <link rel="stylesheet" href="/static/xterm_/bootstrap3.css"  />
    </head>
    <body>
    <div id="terminal"></div>
    </body>
<script src="/static/xterm_/xterm.js"></script>
<script src="/static/xterm_/jquery.js"></script>
<script src="/static/xterm_/ssh.js"></script>
  </html>

其中 ssh.js:
新建一个Xtrem实例,并且发起websocket连接,建立websocket通道。建立起通道前端就能与后端进行通信,保证数据传输。

var window_width = $(window).width();
var window_height = $(window).height()
  • 0
    点赞
  • 6
    收藏
    觉得还不错? 一键收藏
  • 2
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值