使用Django+vue3实现的webssh

webssh

使用Django+vue3实现的webssh，并且支持Docker部署，大家多多关注，会继续更新相关的运维开发知识！！！

这个本来是在其他系统中写的，但是因为那个写的太乱了，所以我单独把这个webssh拆出来了，这样简洁一点

实现功能：

• 添加主机设备
• 删除主机设备
• 条件筛选设备
• 更新主机设备
• 进入webssh界面

效果展示

后端运行：

1.创建虚拟环境

python -m venv venv

2.激活虚拟环境

cd /venv/Script

./activate

3.安装依赖包

pip install -r requirements.txt -i https://pypi.tuna.tsinghua.edu.cn/simple

4.数据库配置和迁移

其实这个模块我拆出来之后，使用的是sqlite3数据库，按理来说，你如果直接下载我的项目的话，项目里面有db.sqlite3这个文件的话就可以忽略这一步
但是————————————————————
如果你想自己配置mysql的话，就需要自己修改backend下setting.py文件，将database修改为自己的mysql数据库配置
然后进行数据迁移
python manage.py makemigrations
python manage.py migrate

5.运行

python manage.py runserver 8080

6.运行websocket

如果你要使用打开终端功能的话，这一步必须要打开
终端运行：
daphne -p 8001 backend.asgi:application

前端运行：

1.安装依赖

npm install

2.运行

npm run dev

添加Docker部署

1.后端

进入backend目录，运行

# 打docker镜像
docker build -t webssh_backend .
# 运行后端Docker
docker run -d -p 8000:8000 -p 8001:8001 --name webssh_backend webssh_backend

2.前端

将frontend目录打开，全局搜索webssh_backend,替换成后端服务器的IP地址

然后再frontend目录下运行

docker build -t webssh_frontend .
docker run -d -p 8080:80 --name webssh_frontend webssh_frontend

3.完成

上面两步做完之后就部署成功了

代码地址：

代码地址

如果代码对你有用的话，点个star吧