WeWeb + Xano integrieren
WeWeb und Xano bilden eine leistungsstarke Kombination im No-Code-Ökosystem. App Studio hat diese Integration für Dutzende von Kunden konfiguriert, hier ist unser vollständiger Leitfaden.
Wie WeWeb + Xano funktioniert
Xano bietet etwas, das Supabase nicht bietet: ein visuelles, logikorientiertes Backend, in dem sich komplexe mehrstufige API-Endpoints mit Verzweigungen, Schleifen und externen API-Aufrufen bauen lassen, ganz ohne eigenen Server-Code zu schreiben. In Kombination mit WeWeb entsteht ein Frontend, das jeden Xano-Endpoint über dessen REST/OpenAPI-Plugin aufrufen kann, was dieses Paar ideal für Apps mit nicht-trivialer Geschäftslogik, komplexen Workflows oder umfangreichen Datentransformationsanforderungen macht. In Xano wird dazu die Swagger/OpenAPI-Spec-URL der eigenen API exportiert (zu finden unter API Group → Swagger). In WeWeb wird das REST-API- oder OpenAPI-Plugin hinzugefügt und die Spec-URL eingefügt, WeWeb importiert daraufhin alle Endpoints automatisch als aufrufbare Aktionen. Für authentifizierte Endpoints wird in WeWeb eine Bearer-Token-Variable konfiguriert, die das JWT speichert, das Xanos /auth/login Endpoint nach der Anmeldung zurückgibt. Dieses Token wird in den Plugin-Einstellungen dem Authorization-Header zugeordnet.
Anwendungsfälle für WeWeb + Xano
Xano liefert ein integriertes Auth-System, das JWTs ausstellt. In Xano werden /auth/signup und /auth/login Endpoints angelegt, die anschließend über WeWebs onPageLoad- und Formular-Submit-Events aufgerufen werden. Das zurückgegebene authToken wird in einer als persistent (localStorage) markierten WeWeb-Variable gespeichert. Bei jedem weiteren API-Aufruf sendet WeWeb dieses Token als Bearer-Header. Xanos Auth-Middleware validiert es automatisch für jeden Endpoint mit aktivierter Authentifizierung. Dieser Stack eignet sich hervorragend für Apps mit eigenen Geschäftsregeln: Buchungsplattformen mit Verfügbarkeitslogik, E-Commerce mit individuellen Preis-Engines, B2B-SaaS mit mandantenfähiger Datentrennung und Workflow-Automatisierungs-Dashboards. App Studio nutzt WeWeb + Xano für Kunden, die schnelle Iteration an der Backend-Logik brauchen, ohne Code anzufassen, Xanos visueller Debugger macht es einfach, Probleme im Produktivbetrieb nachzuvollziehen und zu beheben.
Häufige Probleme und deren Lösung
Vor dem Produktivbetrieb sollte der Xano-Workspace auf einem kostenpflichtigen Plan laufen, die kostenlose Stufe hat Rate-Limits, die unter echter Last überraschen können. Die Xano-API sollte immer versioniert werden (v1, v2), damit WeWeb weiterarbeiten kann, während am Backend iteriert wird. Riesige monolithische Endpoints sollten vermieden werden, kleine, fokussierte Endpoints lassen sich einfacher debuggen und über mehrere WeWeb-Seiten hinweg wiederverwenden. Für API-Keys und Secrets sollten Xanos Umgebungsvariablen genutzt werden statt sie in Function Stacks fest zu codieren.
- Booking platforms
- B2B SaaS
- E-commerce
- Workflow dashboards
- Multi-tenant apps
Benötigen Sie Hilfe bei dieser Integration?
App Studio konfiguriert diese Integrationen für Sie. Kostenloses Angebot innerhalb von 48h.