Golang + Vue 实现一个Web版单文件的SSH管理工具

Related tags

golang webssh xshell vue3
Overview

GoWebSSH


介绍:

  • Golang + Vue 实现一个Web版单文件的SSH管理工具
  • 借助于Golang embed,打包以后只有一个文件,简单高效

在线Demo:


目标:  取代Xshell

  • 目前虽然只实现xshell部分功能,未来计划逐步更新

主要功能:

  • 支持同时连接多个主机
  • 可以保存主机连接信息
  • 终端窗口大小根据浏览器窗口自适应
  • 支持直接通过Web上传下载文件
  • 支持自定义终端字体大小、字体颜色、字体样式
  • 支持自定义背景、光标颜色及光标样式
  • 支持后台管理,强制断开连接
  • 已保存的主机信息可直接编辑并连接

后端介绍:

  • 使用最新Golang 1.16版本实现后端功能
  • 实现配置文件读取功能
  • 基于内存的session功能
  • 借助于sqlite可把主机信息持久化

前端介绍:

  • 使用最新版Vue3 + TypeScript实现前端逻辑
  • 前端UI使用最近element-plus(目前还没有稳定版)
  • 基于最新版xterm.js + Websocket 实现终端


打包使用说明:

git clone https://github.com/o8oo8o/GoWebSSH.git

cd GoWebSSH/webssh/

npm install

npm run build

cd dist

cp -a * ../../gossh/webroot

cd ../../gossh

go env -w GOPROXY=https://goproxy.cn,direct

go get

go build

./gossh #启动

打开链接 http://127.0.0.1:8899/ 开始享用吧


后台运行:

nohup ./gossh > gossh.log &


配置文件:

  • 第一次运行会在用户家目录创建一个 .GoWebSSH 目录
  • GoWebSSH.conf 可以配置server端口等信息
  • GoWebSSH.db 是一个sqlite数据库文件,保存主机配置信息
  • cert.pem HTTPS服务器证书文件
  • key.key HTTPS服务器私钥文件

注意:

  • 当程序检测到cert.pem 和 key.key 文件,会使用https协议,否则使用http协议
  • 用户只需把证书文件和私钥文件放到 .GoWebSSH 目录就可以了

演示截图:

avatar avatar avatar avatar avatar

Golang + Vue 实现一个Web版单文件的SSH管理工具

Golang + Vue 实现一个Web版单文件的SSH管理工具 借助于Golang embed,打包以后只有一个文件,简单高效 在线Demo: 点我 目标: 取代Xshell 目前虽然只实现xshell部分功能,未来计划逐步更新 主要功能: 支持同时连接多个主机 可以保存

o8oo8o 7 Jun 7, 2021
A B/S mode system monitor for linux (demo http://199.247.1.240:2048)

中文说明 sysmon Sysmon is a C/S mode system monitor for Linux distribution. With server side daemon, you can remotely watch usage of your system resources

何培勤 108 May 8, 2021
A HashiCorp Vault UI written with VueJS and Vault native Go API

Goldfish Vault UI - Live Demo Share this repo with your colleagues! What is this? Goldfish - A HashiCorp Vault UI and workflow tool. pic.twitter.com/u

Tony Cai 2.2k Jun 11, 2021
Discover dev news with zero effort 👩🏽‍💻

Welcome to the daily.dev repository The latest dev news delivered to your new tab ????‍?? Made with ❤️ by developers for developers ?? daily.dev daily

daily.dev 3.5k Jun 4, 2021
这是一个轻便的ElasticSearch可视化客户端

技术栈主要用: Vue + golang 欢迎大家提出自己的issue。 ElasticView ElasticView 是一款用来监控elasticsearch状态和操作elasticsearch索引的web可视化工具。它由golang开发而成,具有部署方便,占用内存小等优点 es连接树管理(更方

null 58 Jun 9, 2021
Dckr是一款基于Docker的容器配置及编排的向导式构建工具。(支持Docker、Compose、Kubernets、Rancher的资源文件向导式构建)

Dckr (Docker+ Compose+Kubernets+Rancher) Dckr 是一款基于Docker的容器配置及编排的向导式构建工具。(支持Docker、Compose、Kubernets、Rancher的资源文件向导式构建) 通过它,你可以轻松完成以下操作: 借助语义化UI向导式构建

LiGenSheng 6 May 6, 2021
A Vue.js web application for Freedomotic Open IoT framework

fd-vue-webapp A Vue.js client for Freedomotic framework. Scope of the project This repository contains the implementation of a front end client for Fr

Freedomotic 53 Apr 23, 2021
Vue小米商城

项目使用到的技术栈:Vue全家桶,后台接口线上调联,Sass预编译,ElementUI等等等等

null 3 May 6, 2021
It is a Vue port of the jQuery-based PivotTable.js

Vue Pivottable It is a Vue port of the jQuery-based PivotTable.js Live Demo link Run Demo $ git clone https://github.com/Seungwoo321/vue-pivottable.gi

null 66 Jun 7, 2021
CoreUI Vue is free Vue admin template based on Bootstrap 4

CoreUI Free Vue Bootstrap Admin Template Description Why we decided to create CoreUI? Please read this article: Jack of all trades, master of none. Wh

CoreUI 2.8k Jun 13, 2021
A beautiful chat rooms component made with Vue.js - compatible with Vue, React & Angular

A beautiful chat rooms component made with Vue.js - compatible with Vue, React & Angular

Antoine Dupont 441 Jun 13, 2021
Native mobile applications using Vue and NativeScript.

Supporting NativeScript-Vue NativeScript-Vue is an MIT-licensed open source project made possible by our sponsors: and these awesome backers: Tiago Al

NativeScript-Vue 4.7k Jun 13, 2021
Crossword puzzle builder VueJS application.

Vue Crossword A Vue.js based crossword puzzle builder and filler front-end application. Demo DEMO Russian Words Database Features and ToDo Supports 2-

Denis Efremov 47 May 7, 2021