Intégrer WeWeb + Xano
WeWeb et Xano 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 WeWeb + Xano ?
Xano offre quelque chose que Supabase n'offre pas : un backend visuel, axé sur la logique, où vous pouvez construire des endpoints API complexes à plusieurs étapes avec des branchements, des boucles, et des appels API externes, le tout sans écrire de code serveur. Combiné à WeWeb, vous obtenez un frontend qui peut appeler n'importe quel endpoint Xano via son plugin REST/OpenAPI, ce qui rend ce duo idéal pour des applications avec une logique métier non triviale, des workflows complexes, ou des besoins de transformation de données importants.
Configurer l'intégration
Dans Xano, exportez l'URL de la spec Swagger/OpenAPI de votre API (trouvée sous API Group → Swagger). Dans WeWeb, ajoutez le plugin REST API ou OpenAPI et collez l'URL de la spec, WeWeb importera automatiquement tous vos endpoints comme actions appelables. Pour les endpoints authentifiés, configurez une variable de bearer token dans WeWeb qui stocke le JWT renvoyé par l'endpoint /auth/login de Xano après connexion. Mappez ce token à l'en-tête Authorization dans les réglages du plugin. Xano est livré avec un système d'authentification intégré qui délivre des JWT. Créez des endpoints /auth/signup et /auth/login dans Xano, puis appelez-les depuis les événements onPageLoad et de soumission de formulaire de WeWeb. Stockez l'authToken renvoyé dans une variable WeWeb marquée comme persistante (localStorage). À chaque appel API suivant, WeWeb envoie ce token en en-tête Bearer. Le middleware d'authentification de Xano le valide automatiquement pour tout endpoint avec l'authentification activée.
Cas d'usage concrets
Ce stack excelle pour les applications qui ont besoin de règles métier sur mesure : plateformes de réservation avec logique de disponibilité, e-commerce avec moteurs de tarification personnalisés, SaaS B2B avec isolation de données multi-tenant, et tableaux de bord d'automatisation de workflow. App Studio utilise WeWeb + Xano pour les clients qui ont besoin d'itérer rapidement sur la logique backend sans toucher au code, le débogueur visuel de Xano facilite le traçage et la correction des problèmes en production.
Bonnes pratiques
Gardez le workspace Xano sur un plan payant avant la mise en production, le palier gratuit a des limites de débit qui surprendront sous une charge réelle. Versionnez toujours votre API Xano (v1, v2) pour que WeWeb continue de fonctionner pendant que vous itérez sur le backend. Évitez les endpoints monolithiques géants ; des endpoints petits et ciblés sont plus faciles à déboguer et à réutiliser entre les pages WeWeb. Utilisez les variables d'environnement de Xano pour les clés API et secrets plutôt que de les coder en dur dans les function stacks.
- Booking platforms
- B2B SaaS
- E-commerce
- Workflow dashboards
- Multi-tenant apps
Besoin d'aide pour cette intégration ?
App Studio configure ces intégrations pour vous. Devis gratuit sous 48h.