Integrera WeWeb + OpenAI
WeWeb och OpenAI 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 + OpenAI?
OpenAIs API ger WeWeb-appar tillgång till GPT-4o för textgenerering, embeddings för semantisk sökning, DALL-E för bildskapande och Whisper för tal-till-text. Kombinerat med WeWebs dynamiska UI-kopplingar kan ni bygga AI-drivna funktioner, chattbottar, innehållsassistenter, smart sökning, dokumentanalys, helt utan egen frontend-kod. Nyckeln är en säker backend-proxy som håller API-nyckeln och strömmar svar tillbaka till WeWeb.
Konfigurera integrationen
Skapa ett OpenAI-konto och generera en API-nyckel. Bygg en backend-endpoint (en Supabase edge function rekommenderas) som tar emot en prompt eller messages-array, anropar OpenAIs API och returnerar svaret. I WeWeb använder ni en REST API-åtgärd för att anropa denna endpoint från en knapp eller inmatningshändelse. Koppla svaret till en WeWeb-variabel och rendera det i ett textelement. För streaming kan er backend använda Server-Sent Events och WeWeb kan konsumera dem via en anpassad JavaScript-åtgärd.
Chatt- och konversationsflöde
För en flerstegskonversation håller ni en messages-array-variabel i WeWeb (objekt med role: “user” / “assistant”). Vid varje användarinmatning läggs det nya meddelandet till i arrayen, hela arrayen skickas till er backend-endpoint, assistentens svar tas emot och läggs till i arrayen, och arrayen kopplas till en listkomponent. Det ger GPT den konversationskontext den behöver för sammanhängande svar. Lagra konversationer i Supabase för historik och för att möjliggöra kontinuitet mellan enheter.
Verkliga användningsfall
App Studio har byggt WeWeb + OpenAI-produkter, bland annat: AI-dokumentgranskare som låter användare ladda upp PDF:er och ställa frågor, kundsupport-chattbottar tränade på produktdokumentation, innehållsgenereringsdashboards för marknadsföringsteam, samt interna sökverktyg för kunskapsbaser med embeddings. Den kodfria frontenden minskar dramatiskt tiden till en användbar AI-produkt.
Vanliga fallgropar
Anropa aldrig OpenAI direkt från WeWeb, er API-nyckel skulle då exponeras i webbläsarens nätverksflik. Gå alltid via en backend-proxy. Implementera hastighetsbegränsning i er proxy för att förhindra kostnadstoppar vid missbruk. Använd GPT-4o-mini för uppgifter med hög volym och låg komplexitet, och GPT-4o endast där kvaliteten motiverar kostnaden. Cacha vanliga svar i er databas för att minska antalet API-anrop. Sätt en tokengräns på indata för att undvika skenande kostnader från stora inklistringar.
- AI chatbots
- Content generation
- Document analysis
- Smart search
- Internal knowledge bases
Behöver du hjälp med den här integrationen?
App Studio konfigurerar dessa integrationer åt dig. Kostnadsfri offert inom 48h.