项目简介
KubeRDE 是一个 Kubernetes 原生的远程开发环境管理平台。它通过 WebSocket 隧道安全地将 NAT/防火墙后的开发工作区暴露出来,用户只需浏览器即可访问,无需 VPN 。
GitHub: https://github.com/xsoloking/kube-rde
5 分钟产品概览: https://youtu.be/qeA03UCNYoQ
本地部署 Demo: https://youtu.be/aeXvcPuDAYQ
核心功能
技术栈
Vibe Coding 开发过程
这个项目是一次比较完整的 Vibe Coding 实践,几乎所有代码都是通过 AI 工具生成和迭代的,这里分享一下整个过程。
UI 设计阶段
用 Google Stitch 进行 UI 原型设计。Stitch 可以根据自然语言描述生成 UI 界面,把大致的布局、配色、交互流程先确定下来,作为前端开发的参考基准。
前端第一版
第一版前端代码直接在 Google AI Studio 里生成。把 Stitch 出的 UI 设计作为参考,描述页面功能和交互逻辑,AI Studio 生成了包含 15 个页面的 React + TypeScript 前端代码,包括 Dashboard 、Workspace 管理、Service 管理、用户管理、审计日志等完整的管理控制台。
后端与核心组件
Operator 、Server 、CLI 这些后端核心组件使用 Gemini 和 Claude Code 配合实现:
Claude Code 作为开发主力
整个项目开发过程中 Claude Code 是绝对主力:
快速体验
5 分钟本地部署(需要 Linux 机器或 VM ):
curl -sfL https://get.k3s.io | sh -
IP=$(hostname -I | awk '{print $1}')
curl https://raw.githubusercontent.com/helm/helm/main/scripts/get-helm-4 | bash
cat /etc/rancher/k3s/k3s.yaml > ~/.kube/config
helm upgrade --install kuberde oci://ghcr.io/xsoloking/charts/kuberde
-f https://raw.githubusercontent.com/xsoloking/kube-rde/main/charts/kuberde/values-http.yaml
--namespace kuberde --create-namespace
--set global.domain=$IP.nip.io
--set global.keycloakDomain=sso.$IP.nip.io
--set global.agentDomain=$IP.nip.io
--set global.protocol=http
详细部署视频: https://youtu.be/aeXvcPuDAYQ
一些体会
项目完全开源 (MIT),欢迎 Star 、Issue 、PR 。