Intégrer Xano + WeWeb
Xano et WeWeb forment une combinaison puissante dans l'écosystème no-code. App Studio a configuré cette intégration pour des dizaines de clients, voici notre guide complet pour la mettre en place rapidement et correctement.
Pourquoi Xano + WeWeb ?
Le function stack visuel de Xano permet de construire des endpoints API complexes, avec logique de branchement, appels API externes, jointures de base de données, et transformations sur mesure, le tout visuellement. WeWeb consomme ces endpoints comme des sources de données REST ou OpenAPI. Le résultat est une séparation des responsabilités qui reflète le fonctionnement des équipes d'ingénierie traditionnelles : l'équipe backend (Xano) et l'équipe frontend (WeWeb) peuvent itérer indépendamment. Cela rend ce stack particulièrement adapté aux agences et aux équipes produit qui construisent des produits SaaS complexes.
Configurer l'intégration
Exportez l'URL de la spec Swagger de votre API Xano depuis la section API Group → Swagger. Dans WeWeb, ajoutez le plugin OpenAPI et collez l'URL de la spec. WeWeb importe tous les endpoints comme actions et collections typées. Pour l'authentification, mappez l'endpoint /auth/login de Xano au workflow d'authentification de WeWeb, stockez l'authToken renvoyé et injectez-le comme token Bearer dans tous les appels API suivants. Les réglages du plugin WeWeb gèrent cela automatiquement une fois configuré. Pour chaque ressource Xano, vous avez généralement des endpoints GET (liste), GET (unitaire), POST (création), PATCH (mise à jour), et DELETE. Dans WeWeb, liez une collection à l'endpoint GET de liste pour la source de données d'une page de liste. Utilisez des composants de formulaire liés aux actions POST/PATCH pour les pages de création et d'édition. Le système de variables intégré de WeWeb gère les mises à jour optimistes d'interface, affichant le nouvel enregistrement immédiatement pendant que l'appel API Xano se termine en arrière-plan.
Cas d'usage concrets
Ce stack est utilisé par App Studio pour : des outils de gestion de projet avec des modèles de permission complexes, des plateformes SaaS multi-tenant où chaque client a des données isolées, des applications de santé avec des workflows conformes HIPAA sur mesure, et des tableaux de bord logistiques avec une logique complexe de tournées et de stock. Le débogueur de Xano facilite le traçage précis de ce que fait un endpoint API, ce qui est précieux lors du débogage d'interactions WeWeb complexes.
Bonnes pratiques
Le palier gratuit de Xano a des limites de débit strictes, passez à un palier supérieur avant la mise en production. Versionnez votre API Xano dès le départ (v1/) pour pouvoir faire des changements cassants sans affecter votre frontend WeWeb. Utilisez les variables d'environnement de Xano pour gérer les connexions de base de données dev, staging, et production. Quand vous mettez à jour la spec Swagger de Xano (ajout/renommage d'endpoints), rafraîchissez le plugin OpenAPI dans WeWeb pour récupérer les changements, des schémas obsolètes causent des échecs silencieux.
- Multi-tenant SaaS
- Project management tools
- Healthcare apps
- Logistics dashboards
- Complex permission models
Besoin d'aide pour cette intégration ?
App Studio configure ces intégrations pour vous. Devis gratuit sous 48h.