Integrera WeWeb + Xano
WeWeb och Xano bildar en kraftfull kombination i no-code-ekosystemet. App Studio har konfigurerat den här integrationen för dussintals kunder, här är vår kompletta guide för att sätta upp den snabbt och korrekt.
Varför WeWeb + Xano?
Xano erbjuder något Supabase inte gör: en visuell, logikstyrd backend där ni kan bygga komplexa flerstegs-API-endpoints med förgreningar, loopar och externa API-anrop, helt utan att skriva serverkod. Kombinerat med WeWeb får ni en frontend som kan anropa vilken Xano-endpoint som helst genom dess REST/OpenAPI-plugin, vilket gör det här paret idealiskt för appar med icke-trivial affärslogik, komplexa arbetsflöden eller stora behov av datatransformation.
Konfigurera integrationen
I Xano exporterar ni er API:s Swagger/OpenAPI-specifikations-URL (finns under API Group → Swagger). I WeWeb lägger ni till REST API- eller OpenAPI-pluginet och klistrar in specifikations-URL:en, WeWeb importerar automatiskt alla era endpoints som anropbara åtgärder. För autentiserade endpoints konfigurerar ni en bearer token-variabel i WeWeb som lagrar den JWT som returneras av Xanos /auth/login-endpoint efter inloggning. Koppla denna token till Authorization-headern i era plugininställningar.
Autentiseringsflöde
Xano levereras med ett inbyggt autentiseringssystem som utfärdar JWT:er. Skapa en /auth/signup- och /auth/login-endpoint i Xano, anropa dem sedan från WeWebs onPageLoad- och formulärinskicks-händelser. Lagra den returnerade authToken i en WeWeb-variabel markerad som beständig (localStorage). Vid varje efterföljande API-anrop skickar WeWeb denna token som en Bearer-header. Xanos auth-mellanvara validerar den automatiskt för alla endpoints med autentisering aktiverad.
Verkliga användningsfall
Den här stacken utmärker sig för appar som behöver anpassade affärsregler: bokningsplattformar med tillgänglighetslogik, e-handel med anpassade prismotorer, B2B-SaaS med multi-tenant dataisolering, samt dashboards för arbetsflödesautomatisering. App Studio använder WeWeb + Xano för kunder som behöver snabb iteration av backend-logik utan att röra kod, Xanos visuella felsökare gör det enkelt att spåra och åtgärda problem i produktion.
Vanliga fallgropar
Uppgradera er Xano-arbetsyta till en betalplan innan ni går i produktion, gratisnivån har hastighetsgränser som kommer att överraska er under verklig belastning. Versionshantera alltid er Xano-API (v1, v2) så att WeWeb kan fortsätta fungera medan ni itererar på backenden. Undvik gigantiska monolitiska endpoints; små, fokuserade endpoints är enklare att felsöka och återanvända mellan WeWeb-sidor. Använd Xanos miljövariabler för API-nycklar och hemligheter i stället för att hårdkoda dem i function stacks.
- Booking platforms
- B2B SaaS
- E-commerce
- Workflow dashboards
- Multi-tenant apps
Behöver du hjälp med den här integrationen?
App Studio konfigurerar dessa integrationer åt dig. Kostnadsfri offert inom 48h.