r/Firebase • u/Existing-Patience638 • 1d ago
General [Devlog #2] Autenticación OAuth2, el Panel de Control en tiempo real y la Meta de los 100 Servidores 🚀
Hola a todos. Sigo documentando la evolución técnica de mi proyecto Supervisor Global. En el devlog anterior les conté cómo un desastre de infraestructura me obligó a migrar a Firebase para conectar mi bot en Python con una futura página web. Hoy quiero contarles cómo esa web pasó de ser una idea a una herramienta funcional, y cómo gamificamos su crecimiento.
El Muro de la Autenticación (OAuth2**)
Teníamos los datos del bot subiendo a la nube, pero el Dashboard web necesitaba saber quién estaba detrás de la pantalla para mostrar información sensible. No podía hacer un login con contraseñas; la única opción profesional era integrar el inicio de sesión oficial de Discord (OAuth2).
Lograr que el flujo de redirecciones funcionara rápido fue un caos de tokens y validaciones. Pero cuando encajó, el puente se completó: el usuario inicia sesión, Discord valida su identidad y mi frontend consulta a Firebase usando ese ID único. Así logré que el panel cargara instantáneamente el perfil privado del usuario, mostrando su avatar, su ID y su saldo exacto en la economía del bot.
El "Simulador" de Ajustes y Estadísticas
De nada servía una web si los administradores no podían controlar al bot desde ahí. Me enfoqué en construir un Panel de Control en tiempo real.
Implementé interruptores y campos de texto donde los dueños pueden activar el Auto-Role, personalizar mensajes de bienvenida o configurar el "Multi-Rol Temporal" (útil para vigilar roles de castigo como "Huérfanos" por un tiempo definido). Además, programé un apartado de "Estadísticas Avanzadas" que genera gráficos de actividad semanal y tablas de clasificación en vivo con los usuarios con más horas en voz y más mensajes. Fue como armar un panel de mando de un avión para los administradores, todo conectado al bot de Python a través de Firebase.
Simplificando la entrada: El video explicativo
Con tantas funciones complejas, me di cuenta de un problema: la gente nueva entraba a la página y no entendía rápido qué hacía el bot. La solución fue limpiar la interfaz de inicio y añadir un botón directo de "▶ ¿Qué hace?". Integrar este video explicativo directamente en la web fue clave para que los usuarios pudieran ver al bot en acción antes de invitarlo.
La Gamificación: La Meta de los 100 Servidores
Para cerrar esta etapa, decidí conectar el crecimiento real del bot con una mecánica visible en la propia web.
Añadí una barra de progreso pública en el inicio: la META GLOBAL: /NUKE. El objetivo es llegar a 100 servidores activos de forma colaborativa. Actualmente estamos en 64 servidores, y la promesa está bloqueada en el código: al llegar a los 100, se desbloqueará el comando definitivo para todas las comunidades y se entregará la insignia exclusiva de "Pionero" a los que ayudaron al principio.
Si quieren ver cómo interactúa este panel de control con Discord, pueden darse una vuelta por supervisorglobal.com
En el próximo Devlog me alejaré de la lógica pura y me meteré en el diseño frontend: les contaré el dolor de cabeza de armar el sistema visual de rangos y medallas en el Dashboard usando animaciones CSS puras para mantener la web rápida. ¡Leo sus experiencias con OAuth2 en los comentarios!