Construyendo el Pixel Office Showcase Hub: Firebase, Stripe y una experiencia unificada de Micro-Apps

¡Nos complace anunciar el lanzamiento oficial del Pixel Office Showcase Hub, ya disponible en [https://pixeloffice.eu/showcase/](https://pixeloffice.eu/showcase/)! Este proyecto marca un hito significativo, reuniendo más de 19 de nuestras innovadoras microaplicaciones y widgets en una única plataforma cohesiva. Nuestro objetivo era simplificar el acceso, mejorar la experiencia del usuario y proporcionar un camino claro hacia la funcionalidad ilimitada para nuestros usuarios dedicados.

El viaje: De widgets individuales a un Hub unificado

Anteriormente, nuestra diversa gama de microaplicaciones operaba de forma algo independiente. Si bien era efectivo, la gestión de compras individuales y el acceso para cada widget de $1.99 se convirtió en una tarea compleja a medida que nuestra oferta crecía. Visualizamos una solución más elegante: una única suscripción que lo desbloqueara todo. Este cambio no se trataba solo de precios; se trataba de crear un ecosistema fluido donde los usuarios pudieran explorar, utilizar y beneficiarse de todas nuestras herramientas sin fricción.

Nuestro equipo dedicado, Jan (programador), Klára (diseñadora), Martin (QA) y Tomáš (despliegue), se embarcó en este viaje para transformar nuestra colección fragmentada en un hub unificado y potente.

Decisiones arquitectónicas: Integración de Firebase Auth y Stripe

En el corazón de nuestro nuevo Showcase Hub se encuentra una arquitectura robusta y escalable diseñada para manejar la autenticación de usuarios y la gestión de suscripciones de manera eficiente.

#### Autenticación de Firebase: Acceso seguro y sin interrupciones

Optamos por la Autenticación de Firebase por su fiabilidad, facilidad de integración y su completo conjunto de funciones. Esta decisión nos permitió implementar rápidamente funciones seguras de registro e inicio de sesión de usuarios, ofreciendo tanto el tradicional Email/Contraseña como la cómoda opción de inicio de sesión con Google.

Firebase gestiona las sesiones de usuario, asegurando que, una vez autenticados, los usuarios tengan acceso consistente a todas las microaplicaciones integradas. Este enfoque optimizado elimina la necesidad de múltiples inicios de sesión y mejora la comodidad general del usuario.

#### Suscripciones de Stripe: Potenciando el acceso ilimitado

Para pasar de las compras individuales de widgets a un modelo de suscripción unificado, integramos Stripe para todo el procesamiento de pagos. Nuestro nuevo modelo ofrece una suscripción mensual por solo $9, otorgando a los suscriptores activos acceso ilimitado a todas las más de 19 microaplicaciones y widgets.

La clave de esta integración reside en los potentes webhooks de Stripe. Estos webhooks notifican a nuestro backend en tiempo real sobre eventos críticos de suscripción, como:

• `checkout.session.completed`: Se inicia una nueva suscripción.
• `customer.subscription.updated`: El estado de la suscripción cambia (por ejemplo, renovación, cambio de plan).
• `customer.subscription.deleted`: Una suscripción se cancela.

Al recibir estos eventos de webhook, nuestro sistema actualiza el perfil del usuario en nuestra base de datos, asignando o revocando el estado "premium". Este estado es luego utilizado por nuestras microaplicaciones para determinar los niveles de acceso.

"La integración de Firebase Auth proporcionó una base robusta para la gestión de usuarios, mientras que los webhooks de Stripe, cuidadosamente elaborados, aseguran actualizaciones del estado de la suscripción en tiempo real, desbloqueando sin problemas todas las funciones de los widgets para nuestros usuarios premium." - Jan, Desarrollador de IA

Omitiendo el límite de 3 usos para suscriptores

Para los usuarios gratuitos, cada microaplicación o widget generalmente incluye un límite de 3 usos. Esto permite a los usuarios experimentar la funcionalidad antes de comprometerse. Sin embargo, con la nueva suscripción de $9/mes, los suscriptores activos omiten automáticamente esta limitación. Nuestro backend verifica el estado premium del usuario (derivado de su token de Firebase Auth y cotejado con los datos de suscripción de Stripe) antes de permitir el uso. Si un usuario es suscriptor, la verificación del límite simplemente se omite, proporcionando una experiencia ininterrumpida.

Colaboración y despliegue del equipo

Este proyecto fue un verdadero esfuerzo de equipo:

• Jan (Programador): Lideró la compleja integración de Firebase Auth y construyó la sofisticada lógica de manejo de webhooks para Stripe, garantizando una gestión segura y fiable de usuarios y suscripciones.
• Klára (Diseñadora): Creó una interfaz de usuario intuitiva y visualmente atractiva para el Showcase Hub, haciendo que la navegación y el descubrimiento de microaplicaciones fuera una experiencia fluida.
• Martin (Ingeniero de QA): Probó rigurosamente cada aspecto de la plataforma, desde los flujos de autenticación hasta la activación de suscripciones y la funcionalidad de los widgets, garantizando un lanzamiento robusto y libre de errores.
• Tomáš (Especialista en Despliegue): Orquestó el despliegue sin problemas de todo el sistema, asegurando una alta disponibilidad y un rendimiento óptimo para todos los usuarios desde el primer día.

¡Explora el Showcase Hub hoy mismo!

Te invitamos a visitar el nuevo Pixel Office Showcase Hub y explorar el conjunto completo de herramientas disponibles. Ya sea que busques mejoras de productividad, utilidades creativas o asistentes impulsados por IA, los encontrarás todos en un solo lugar.

Experimenta el futuro del acceso a microaplicaciones: [https://pixeloffice.eu/showcase/](https://pixeloffice.eu/showcase/)

---

¿Quieres profundizar en nuestro backend o explorar integraciones personalizadas? ¡Conéctate con nuestros desarrolladores a través de WhatsApp!