← Dashboard
PROJ-006 · VS Code Cloud Lab
EN DESARROLLO 10%
🧪
VS Code
Cloud Lab
Entorno de desarrollo cloud-based · lab.[dominio].com · DevLab Agent
URL objetivo
lab.[dominio].com
Base
code-server / OpenVSCode
Infraestructura
Cloudflare Tunnel + VPS
📋 Descripción del Proyecto
VS Code Cloud Lab es un entorno de desarrollo remoto basado en el navegador, construido sobre code-server (VS Code en la nube). Permite a desarrolladores y al equipo de Agentesia trabajar en proyectos directamente desde cualquier navegador, sin necesidad de instalar software localmente. El laboratorio será accesible vía lab.[dominio].com y se integrará con los flujos de CI/CD del ecosistema Agentesia.
💡 Casos de Uso
🛠️
Desarrollo de Workers CF
Editar y probar Cloudflare Workers directamente desde el navegador
🔬
Sandbox de Pruebas
Entorno aislado para experimentos sin afectar producción
🤝
Colaboración Remota
Múltiples agentes trabajando en el mismo entorno simultáneamente
📦
CI/CD Integrado
Pipeline de despliegue automático desde el editor cloud
⚡ Capacidades del Sistema
- Definición de arquitectura y stack tecnológico
- Despliegue de instancia code-server en VPS
- Configuración de Cloudflare Tunnel para acceso HTTPS
- Autenticación con OAuth2 / Cloudflare Access
- Configuración de extensiones preinstaladas (Wrangler, Git, etc.)
- Integración con repositorios GitHub del proyecto
- Persistencia de workspace entre sesiones
- Sistema multi-usuario con workspaces aislados
- Terminal integrado con acceso a CF CLI
- Preview en tiempo real de Workers desplegados
🔄 Arquitectura del Sistema
👤
Usuario
Accede via browser a lab.dominio.com
🔒
CF Access
Autenticación OAuth2 / Zero Trust
🌉
CF Tunnel
Túnel seguro al VPS sin puertos abiertos
💻
code-server
VS Code completo en el navegador
🚀
Deploy
Push a GitHub → Wrangler deploy a CF
📅 Fases de Desarrollo
Fase 1 — Diseño de arquitectura20%
Fase 2 — Despliegue code-server + tunnel0%
Fase 3 — Auth y persistencia0%
Fase 4 — Integración CI/CD completa0%
⏳ Pendientes Críticos
Seleccionar VPS y configurar instancia Ubuntu para code-server
→ DevLab Specialist + Daniel
Instalar y configurar code-server con Cloudflare Tunnel
→ DevLab Specialist
Definir dominio lab.[dominio].com y configurar Cloudflare Access
→ Daniel (DNS y CF Access)
Configurar workspace base con extensiones Wrangler, ESLint, Prettier
→ DevLab Specialist
Integrar acceso a repositorios GitHub del ecosistema Agentesia
→ Daniel
🏷️ Stack Tecnológico
code-server
OpenVSCode Server
Cloudflare Tunnel
Cloudflare Access
Ubuntu VPS
Docker
Nginx
GitHub Actions
Wrangler CLI
🔒 Lab en Desarrollo — Próximamente en lab.[dominio].com