(【Docker项目实战】使用Docker部署bender个人仪表板)

一、bender介绍

1.1 bender简介

  • bender简介

bender是一个开源的、无需任何代码即可管理的链接仪表板。非常适合服务器上的服务列表。深受 Homer 仪表板的启发,旨在提供相同的功能 有一个重大变化,不需要 yaml!所有链接都可以通过 UI 进行管理,包括拖放链接以重新排序或更改组。 可以通过 UI 添加新页面和链接,也可以添加应用程序标题、图标和主题等全局设置。

1.2 bender特点

  • 使用 NuxtJS 和 Vue2 构建
  • 不需要数据库,所有配置都存储在一个配置文件中static/config.json
  • FontAwesome 实体和品牌图标可用于内置搜索
  • 支持通过任何内容进行图像查找static/images
  • 浅色和深色模式

1.3 bender使用场景

Bender可作为个人书签及导航工具在家庭、个人和小型企业的使用场景中,都可以帮助用户组织和管理他们的书签,并提供快速访问和分组功能,提高效率和方便性。

  • 家庭使用:Bender可以帮助家庭成员共享和管理他们的个人书签。家庭成员可以创建自己的书签文件夹,将感兴趣的网页添加到书签中,并根据自己的偏好进行分类和组织。这样,每个家庭成员都可以快速访问他们最喜欢的网页,而不必再次搜索或记住网址。

  • 个人使用:对于个人用户来说,Bender可以帮助他们组织和管理他们的个人书签。他们可以创建不同的书签文件夹,根据不同的主题或兴趣将网页分类。此外,Bender还提供了强大的搜索功能,用户可以根据关键词快速找到他们需要的书签,节省时间和提高效率。

  • 小型企业使用:Bender可以用作小型企业的团队书签导航工具。团队成员可以使用Bender共享和协作书签。他们可以创建共享书签文件夹,并邀请其他团队成员加入和访问这些书签。这样,团队成员可以轻松共享有用的网页资源,并保持信息的统一性和一致性。

二、本地环境介绍

2.1 本地环境规划

本次实践为个人测试环境,操作系统版本为centos7.6。

hostname IP地址 操作系统版本 Docker版本
jeven 192.168.3.166 centos 7.6 20.10.17

2.2 本次实践介绍

1.本次实践部署环境为个人测试环境,生产环境请谨慎; 2.在Docker环境下部署bender个人仪表板。

三、本地环境检查

3.1 检查Docker服务状态

检查Docker服务是否正常运行,确保Docker正常运行。

[root@jeven ~]# systemctl status docker
● docker.service - Docker Application Container Engine
   Loaded: loaded (/usr/lib/systemd/system/docker.service; enabled; vendor preset: disabled)
   Active: active (running) since Tue 2024-01-16 21:50:10 CST; 1 day 15h ago
     Docs: https://docs.docker.com
 Main PID: 11677 (dockerd)
    Tasks: 26
   Memory: 2.0G
   CGroup: /system.slice/docker.service

3.2 检查Docker版本

检查Docker版本

[root@jeven ~]# docker -v
Docker version 20.10.17, build 100c701

3.3 检查docker compose 版本

检查Docker compose版本,确保2.0以上版本。

[root@jeven ~]# docker compose version
Docker Compose version v2.6.0

四、下载bender镜像

从docker hub拉取bender镜像

[root@jeven ~]# docker pull jez500/bender:latest
latest: Pulling from jez500/bender
213ec9aee27d: Already exists
864b973d1bf1: Pull complete
80fe61ad56f5: Pull complete
e3887ab559e6: Pull complete
dc3b27895cd1: Pull complete
ccee28b9a313: Pull complete
47a6719c28a2: Pull complete
Digest: sha256:32983833590fb1662742065cbd2ff209e0d913cd373a46f075aa482aa7ee5fc9
Status: Downloaded newer image for jez500/bender:latest
docker.io/jez500/bender:latest

五、部署bender个人仪表板

5.1 创建部署目录

创建部署目录

[root@jeven ~]#  mkdir -p /data/bender
[root@jeven ~]# cd /data/bender/

5.3 编辑docker-compose.yaml文件

docker-cli命令

docker run -d \
  --name bender \
  -p 8380:8080 \
  -v /data/bender/assets/>:/app/static \
  --restart=always \
  jez500/bender:latest

本次实践部署使用docker compose方式,编辑docker-compose.yaml文件。

version: '3.9'
services:
    bender:
        image: 'jez500/bender:latest'
        restart: always
        volumes:
            - '/data/bender/assets/:/app/static'
        ports:
            - '8380:8080'
        container_name: bender




5.4 创建bender容器

使用docker-compose.yaml文件创建bender容器

[root@jeven bender]# docker compose up -d
[+] Running 2/2
 ⠿ Network bender_default  Created                                                                                      0.2s
 ⠿ Container bender        Started                                                                                      1.9s

5.5 检查bender容器状态

检查bender容器状态,确保bender容器正常启动。

[root@jeven bender]# docker ps
CONTAINER ID   IMAGE                  COMMAND                  CREATED          STATUS                             PORTS                                  NAMES
b9fb5bfe495a   jez500/bender:latest   "/bin/sh /app/entryp…"   22 seconds ago   Up 20 seconds (health: starting)   0.0.0.0:8380->8080/tcp, :::8380->8080/tcp   bender

六、访问bender首页

访问地址:http://192.168.3.166:8380,将IP替换为自己服务器IP地址,进入到bender首页。如果无法访问,则检查服务器防火墙是否设置,云服务器的安全组端口是否放行等。

在这里插入图片描述

七、bender的基本使用

7.1 新增页面

点击“+”,选择新增页面选项。

在这里插入图片描述

自定义填写页面信息

在这里插入图片描述 在这里插入图片描述

7.2 新增链接

点击“Add your first link”选项

在这里插入图片描述

填写网址链接信息,自定义编辑即可。

在这里插入图片描述 在这里插入图片描述

7.3 更改图标

在挂载目录/data/bender/assets下,查看image目录文件。

[root@jeven assets]# ls images/
deluge.svg         duplicati.png    hdhr.png      pfsense.png   proxmox.png  router.svg       vscode.svg
docker.png         filebrowser.svg  kubeapps.png  pihole.svg    qnap.png     sonaar.svg
download-blue.svg  grafana.svg      minio.svg     plex.png      radarr.png   traefik.svg
download-red.svg   guacamole.png    netdata.svg   prowlarr.png  rancher.svg  uptime-kuma.png

在新增链接编辑页面,图标选择位image目录下的图片文件名。

在这里插入图片描述 在这里插入图片描述

八、总结

Bender个人仪表板是一款优秀的个人书签与导航工具。它拥有美观简洁的界面,并且非常易于使用。借助Docker技术的支持,Bender可以在本地服务器上快速部署。它提供了书签分组功能,方便我们整理众多收藏的网址。此外,Bender还内置了大量图标,提升了界面的美观度。整体而言,Bender的使用体验良好,网页链接跳转快速,操作流畅,是一款出色的书签工具!