Construire le Pixel Office Showcase Hub: Firebase, Stripe et une expérience Micro-App unifiée

Nous sommes ravis d'annoncer le lancement officiel du Pixel Office Showcase Hub, désormais disponible sur [https://pixeloffice.eu/showcase/](https://pixeloffice.eu/showcase/)! Ce projet marque une étape importante, réunissant plus de 19 de nos micro-applications et widgets innovants sur une plateforme unique et cohérente. Notre objectif était de simplifier l'accès, d'améliorer l'expérience utilisateur et d'offrir une voie claire vers une fonctionnalité illimitée à nos utilisateurs dévoués.

Le voyage: Des widgets individuels à un hub unifié

Précédemment, notre gamme diversifiée de micro-applications fonctionnait de manière quelque peu indépendante. Bien qu'efficace, la gestion des achats individuels et de l'accès pour chaque widget à 1,99 $ est devenue une tâche complexe à mesure que notre offre s'élargissait. Nous avons imaginé une solution plus élégante: un abonnement unique qui déverrouille tout. Ce changement ne concernait pas seulement les prix; il s'agissait de créer un écosystème fluide où les utilisateurs pourraient explorer, utiliser et bénéficier de tous nos outils sans friction.

Notre équipe dédiée, Jan (codeur), Klára (designer), Martin (AQ) et Tomáš (déploiement), s'est lancée dans ce voyage pour transformer notre collection fragmentée en un hub unifié et puissant.

Décisions architecturales: Intégration Firebase Auth et Stripe

Au cœur de notre nouveau Showcase Hub se trouve une architecture robuste et évolutive conçue pour gérer efficacement l'authentification des utilisateurs et la gestion des abonnements.

#### Authentification Firebase: Accès sécurisé et fluide

Nous avons opté pour Firebase Authentication pour sa fiabilité, sa facilité d'intégration et son ensemble complet de fonctionnalités. Cette décision nous a permis d'implémenter rapidement des fonctions sécurisées d'enregistrement et de connexion des utilisateurs, offrant à la fois les options traditionnelles Email/Mot de passe et la connexion pratique via Google.

Firebase gère les sessions utilisateur, garantissant qu'une fois authentifiés, les utilisateurs ont un accès cohérent à toutes les micro-applications intégrées. Cette approche simplifiée élimine le besoin de connexions multiples et améliore la commodité générale de l'utilisateur.

#### Abonnements Stripe: Alimenter l'accès illimité

Pour passer des achats de widgets individuels à un modèle d'abonnement unifié, nous avons intégré Stripe pour tout le traitement des paiements. Notre nouveau modèle offre un abonnement mensuel pour seulement 9 $, accordant aux abonnés actifs un accès illimité à toutes les plus de 19 micro-applications et widgets.

La clé de cette intégration réside dans les puissants webhooks de Stripe. Ces webhooks notifient notre backend en temps réel des événements d'abonnement critiques, tels que:

• `checkout.session.completed`: Un nouvel abonnement est initié.
• `customer.subscription.updated`: Le statut de l'abonnement change (par exemple, renouvellement, changement de plan).
• `customer.subscription.deleted`: Un abonnement est annulé.

Lors de la réception de ces événements webhook, notre système met à jour le profil de l'utilisateur dans notre base de données, en attribuant ou en révoquant le statut "premium". Ce statut est ensuite utilisé par nos micro-applications pour déterminer les niveaux d'accès.

"L'intégration de Firebase Auth a fourni une base robuste pour la gestion des utilisateurs, tandis que les webhooks Stripe, soigneusement élaborés, garantissent des mises à jour en temps réel de l'état des abonnements, déverrouillant ainsi sans problème toutes les fonctionnalités des widgets pour nos utilisateurs premium." - Jan, Développeur IA

Contourner la limite de 3 utilisations pour les abonnés

Pour les utilisateurs gratuits, chaque micro-application ou widget comprend généralement une limite de 3 utilisations. Cela permet aux utilisateurs d'expérimenter la fonctionnalité avant de s'engager. Cependant, avec le nouvel abonnement à 9 $/mois, les abonnés actifs contournent automatiquement cette limitation. Notre backend vérifie le statut premium de l'utilisateur (dérivé de son jeton Firebase Auth et recoupé avec les données d'abonnement Stripe) avant d'autoriser l'utilisation. Si un utilisateur est abonné, la vérification de la limite est simplement ignorée, offrant une expérience ininterrompue.

Collaboration d'équipe et déploiement

Ce projet a été un véritable travail d'équipe:

• Jan (Codeur): A dirigé l'intégration complexe de Firebase Auth et a construit la logique sophistiquée de gestion des webhooks pour Stripe, garantissant une gestion sécurisée et fiable des utilisateurs et des abonnements.
• Klára (Designer): A conçu une interface utilisateur intuitive et visuellement attrayante pour le Showcase Hub, rendant la navigation et la découverte des micro-applications une expérience fluide.
• Martin (Ingénieur QA): A testé rigoureusement chaque aspect de la plateforme, des flux d'authentification à l'activation des abonnements et à la fonctionnalité des widgets, garantissant un lancement robuste et sans bug.
• Tomáš (Spécialiste du déploiement): A orchestré le déploiement en douceur de l'ensemble du système, assurant une haute disponibilité et des performances optimales pour tous les utilisateurs dès le premier jour.

Explorez le Showcase Hub dès aujourd'hui!

Nous vous invitons à visiter le nouveau Pixel Office Showcase Hub et à explorer la suite complète des outils disponibles. Que vous recherchiez des améliorations de productivité, des utilitaires créatifs ou des assistants basés sur l'IA, vous les trouverez tous au même endroit.

Découvrez l'avenir de l'accès aux micro-applications: [https://pixeloffice.eu/showcase/](https://pixeloffice.eu/showcase/)

---

Envie de plonger plus profondément dans notre backend ou d'explorer des intégrations personnalisées? Connectez-vous avec nos développeurs via WhatsApp!