Kubernetes可视化面板——KubePi（Kubernetes Visualization Panel - kubepi）

Kubernetes可视化管理面板——KubePi

在云计算和容器化的大潮下，Kubernetes 已成为管理容器集群的事实标准。然而，面对复杂的集群管理和运维工作，一个直观、易用的可视化工具显得至关重要。KubePi 正是为此而生——一款专为简化 Kubernetes 管理解忧的开源管理面板。其简洁的设计与强大的功能完美结合，让无论是经验丰富的 DevOps 工程师还是初涉 Kubernetes 的开发者，都能轻松上手，高效管理集群资源。

2、特点

• 可视化界面：直观的UI设计，使得资源管理变得清晰明了，即便是非专业人士也能快速掌握。

• 多集群支持：一键导入多个Kubernetes集群，集中管理，减轻管理负担。

• 细粒度权限控制：灵活的权限配置，可以安全地将不同的集群和命名空间管理权限分配给相应用户。

• 快速入门：通过简单的Docker命令即刻部署，无需繁复的配置过程。

• 社区支持：活跃的微信交流群，为用户提供技术支持和即时交流的平台。

3、应用场景

• 中小企业或团队：无需投入大量资源自建复杂的监控管理系统，KubePi 提供了成本效益极高的解决方案。

• 教育与培训：提供一个学习和实践 Kubernetes 的理想平台，帮助学生快速理解和操作 Kubernetes 集群。

• 多集群管理：对于有多个 Kubernetes 集群的企业，KubePi 支持一站式管理，统一权限控制，极大地提升了管理效率。

4、技术栈

• 前端框架 - Vue.js：

  • KubePi 采用 Vue.js 作为前端框架，确保了界面的响应式设计和良好的用户体验，使用户能够流畅地浏览和管理 Kubernetes 集群。

• UI 组件库 - FIT2CLOUD UI：

  • 利用 FIT2CLOUD UI 组件库，KubePi 提供了丰富、美观的 UI 元素，能够加速开发进程并提升用户体验，使界面更为直观和易用。

• 项目脚手架 - Vue-element-admin：

  • KubePi 基于 Vue-element-admin 项目脚手架快速构建管理后台，支持高效开发，并实现统一的管理界面，提高开发效率。

• 容器化部署 - Docker：

  • KubePi 通过 Docker 容器化部署，只需执行 sudo docker run ... 命令即可快速启动服务，降低了运维门槛，让用户更轻松地管理和维护集群。

5、安装部署

[root@mast01 ~]# docker run --privileged -d --restart=unless-stopped -p 80:80 registry.cn-shanghai.aliyuncs.com/study-03/kubepi:latest

登录地址: http://IP:8000默认用户名：admin 默认密码：kubepi

6、认证模式

#获取登录需要用到的ip地址和登录token
[root@mast01 ~]# kubectl create sa kubepi-user --namespace kube-system
serviceaccount/kubepi-user created

[root@mast01 ~]# kubectl create clusterrolebinding kubepi-user --clusterrole=cluster-admin --serviceaccount=kube-system:kubepi-user
clusterrolebinding.rbac.authorization.k8s.io/kubepi-user created

[root@mast01 ~]# cat ~/.kube/config | grep server: | awk '{print $2}'
https://192.168.58.116:6443

[root@mast01 ~]# kubectl -n kube-system describe secret $(kubectl -n kube-system get secret | grep kubepi-user | awk '{print $1}') | grep token: | awk '{print $2}'
eyJhbGciOiJSUzI1NiIsImtpZCI6Im94VGltX0tHSkZmNzZPbm04TlcxeXJ4YmJLQzNCN2hvLTdxbzZ4TmFPYU0ifQ.eyJpc3MiOiJrdWJlcm5ldGVzL3NlcnZpY2VhY2NvdW50Iiwia3ViZXJuZXRlcy5pby9zZXJ2aWNlYWNjb3VudC9uYW1lc3BhY2UiOiJrdWJlLXN5c3RlbSIsImt1YmVybmV0ZXMuaW8vc2VydmljZWFjY291bnQvc2VjcmV0Lm5hbWUiOiJrdWJlcGktdXNlci10b2tlbi1iZ2RzZiIsImt1YmVybmV0ZXMuaW8vc2VydmljZWFjY291bnQvc2VydmljZS1hY2NvdW50Lm5hbWUiOiJrdWJlcGktdXNlciIsImt1YmVybmV0ZXMuaW8vc2VydmljZWFjY291bnQvc2VydmljZS1hY2NvdW50LnVpZCI6IjE1MzFmMjY2LWI4MzItNDI2My04MTllLTIwNzY1NzFlOGYxZiIsInN1YiI6InN5c3RlbTpzZXJ2aWNlYWNjb3VudDprdWJlLXN5c3RlbTprdWJlcGktdXNlciJ9.QojD4LKaivrjJEgZcv4mebrsmn8dgbVVVKQlnbQ92LL7mu7DhSMZ3tkgoWSRZof4q5xgLdS_s_wUoOSLgZ9KVqM6V_tnAU77apS560DdAy2B9Hxj4r5emFA8OK1Cr8BhVlACGFctuvczJRUd25BgXE4ImVM3E3TjY37gCmhM9S9eTUXqU88M1wU_YKvilCkp_gEVcb_VnijepA5Fuljwx1YrLtAoOJyjMxShL922ZLKtt0kszWcyZYzvn4SYt9UAl4U0miFTL2en4jXIki5BMHfict_Wd8feHgn-1DR5R-fJ_vFyyX8c7H1EtMxl6KrtuLYqbykzTNkmTmp0BXaWPA

7、UI展示