Så integrerar du OpenAI API i din app

För att integrera OpenAI API skapar du en API-nyckel i ett OpenAI-projekt, lagrar den som en hemlighet på servern med namnet OPENAI_API_KEY och anropar API:et från en route på din egen server med OpenAIs officiella SDK, aldrig från kod i webbläsaren. Per september 2026 presenterar OpenAIs snabbstart Responses API som utgångspunkt för nya projekt. Sätt en utgiftsgräns innan lansering, begränsa svarens längd, begränsa hur ofta varje användare kan anropa funktionen och hantera fel för hastighetsgränser med återförsök.

Guiden täcker installation, flödet för förfrågningar, prompter för en AI-byggare och de misstag som läcker nycklar eller bränner pengar. OpenAI-uppgifterna kommer från deras officiella dokumentation per september 2026. För de allmänna begreppen (tokens, kontextfönster, priser) läs först hur du använder LLM-API:er.

Vad du kan bygga med det

En chattassistent i din app (hur du bygger en AI-chattbotapp)
Knappar för ”sammanfatta det här”, ”skriv om det här” eller ”skriv ett utkast till svar”
Extrahering av strukturerad data från fri text: att göra om ett mejl till en order, att tagga supportärenden
Sökning och frågor och svar över ditt eget innehåll
Bild, tal och andra mediafunktioner, beroende på vilka modeller som finns tillgängliga

Fler idéer finns i hur du lägger till AI-funktioner i din app.

Sätta upp ditt OpenAI-konto

Skapa ett konto och ett projekt på OpenAI-plattformen. OpenAIs bästa praxis för produktion rekommenderar separata projekt för staging och produktion, så att varje kan ha egna nycklar och gränser.
Skapa en projekt-API-nyckel. OpenAI rekommenderar att du sätter ett utgångsdatum och roterar nycklar regelbundet.
Sätt utgiftsaviseringar och en hård utgiftsgräns på gränssidan. OpenAIs guide säger att aviseringar meddelar dig när användningen passerar ett belopp, och att en hård gräns upprätthåller ett månatligt tak.
Lägg till fakturering. OpenAIs dokumentation om hastighetsgränser beskriver användningsnivåer: dina gränser höjs automatiskt när du spenderar mer över tid.

Flödet för en förfrågan

Webbläsare  ->  din serverroute  ->  OpenAI API
            <-  (streamat) svar  <-

Användaren klickar på en knapp eller skickar ett meddelande.
Webbläsaren anropar din route, till exempel POST /api/summarise.
Din server kontrollerar att användaren är inloggad och får använda funktionen.
Servern bygger förfrågan: instruktioner, användarens indata och eventuell data från din databas som uppgiften behöver.
Den anropar OpenAI med nyckeln från miljön. OpenAIs SDK:er läser OPENAI_API_KEY automatiskt.
Den streamar eller returnerar svaret och loggar tokenanvändningen.

OpenAIs officiella SDK-paket heter openai både för JavaScript/TypeScript (npm) och Python (pip).

Välja modell

OpenAI erbjuder flera modeller till olika priser och hastigheter, och utbudet ändras ofta. Börja med en mindre, billigare modell, mät kvaliteten på riktiga exempel och gå upp endast om du behöver det. Håll modellnamnet i ett konfigurationsvärde eller en hemlighet så att du kan byta det utan att skriva om kod. Kontrollera OpenAIs prissida för aktuella priser.

Alternativ och avvägningar

Beslut	Enkelt val	När du bör gå längre
Streaming	Returnera hela svaret	Streama för chatt och långa svar; användarna ser text direkt
Konversationsminne	Skicka de senaste meddelandena varje gång	Sammanfatta äldre meddelanden när chattarna blir långa
Utdataformat	Vanlig text	Be om strukturerad JSON när din kod behöver läsa fält
Din egen data	Ta med relevant post i förfrågan	Lägg till sökning i ditt innehåll när det är för mycket att ta med (se vad RAG är)
Icke brådskande bulkjobb	Loopa över objekten	Använd OpenAIs batch-alternativ för lägre kostnad när resultaten kan vänta

Prompter att ge din AI-byggare

En första funktion:

Lägg till en knapp ”Sammanfatta” på supportärendesidan. Den anropar en serverroute POST /api/summarise som kontrollerar att användaren är inloggad, hämtar ärendet och anropar OpenAI Responses API med det officiella openai-SDK:t och hemligheten OPENAI_API_KEY. Läs modellnamnet från hemligheten OPENAI_MODEL. Instruktioner: ”Sammanfatta i 3 punkter, föreslå sedan ett kort svar. Hitta inte på ordernummer.” Begränsa svarets längd, streama svaret till sidan och skicka aldrig nyckeln till webbläsaren.

Skydd:

Begränsa varje användare till 30 AI-förfrågningar per timme, lagrat i databasen. Logga indata- och utdatatokens per förfrågan tillsammans med användar-ID och funktionsnamn. Om OpenAI returnerar 429, respektera Retry-After-headern och försök igen med exponentiell backoff och jitter upp till 3 gånger; visa därefter ”AI:n är upptagen, försök igen om en minut.” Visa ett vänligt felmeddelande för alla andra fel och låt resten av sidan fungera.

Hantera fel och gränser

OpenAI mäter hastighetsgränser på flera sätt, bland annat förfrågningar per minut och tokens per minut, och du träffar den gräns som tar slut först. När du överskrider en returnerar API:et en 429 med en Retry-After-header. OpenAIs dokumentation säger att du ska behandla det värdet som ett minimum och lägga till en liten slumpmässig fördröjning så att klienterna inte försöker igen samtidigt.

Planera också för:

Timeouts vid långa genereringar. Streaming hjälper, och så gör en rimlig utdatagräns.
Leverantörsavbrott. AI-funktionen ska fallera mjukt utan att bryta sidan.
Dålig utdata. Validera strukturerad utdata innan du sparar den, och låt inte modellens utdata utlösa känsliga åtgärder utan en kontroll i din kod.

Vanliga misstag

Nyckeln i frontend eller i repositoryt. Kod i webbläsaren är offentlig, och en läckt nyckel kan missbrukas inom några minuter. Se hur du håller API-nycklar säkra.
Ingen utgiftsgräns. En loop eller en missbrukande användare kan snabbt köra upp en stor räkning.
Inga gränser per användare. Leverantörens gräns skyddar din plånbok, inte dina andra användare.
Att lita på prompten för säkerheten. Användare kan skriva ”ignorera tidigare instruktioner”. Behörigheter hör hemma i serverkoden.
Att skicka mer än nödvändigt. Hela dokument och långa historiker multiplicerar kostnaden. Skicka det uppgiften behöver.
Att hårdkoda modellnamnet. Modeller uppdateras och utgår; gör det till en inställning.
Att skicka personuppgifter utan eftertanke. Läs OpenAIs villkor för dataanvändning och skicka endast det funktionen behöver.

Checklista

Separata OpenAI-projekt (eller nycklar) för test och produktion
Nyckeln lagrad som en hemlighet på servern, aldrig i kod i webbläsaren eller i repositoryt
Utgiftsaviseringar och en hård utgiftsgräns satta
Alla anrop går via din server och kontrollerar användarens behörighet
Utdatalängden begränsad; modellnamnet konfigurerbart
Gräns per användare i din app
429-hantering med Retry-After, backoff och jitter
Vänligt feltillstånd; sidan fungerar utan AI
Tokenanvändning loggad per funktion
Testat med långa, tomma och fientliga indata

Använda OpenAI API i Mythex

AI-funktioner i appar du bygger på Mythex använder din egen OpenAI-nyckel och faktureras till ditt OpenAI-konto, inte till Mythex-byggkrediter. Lägg till OPENAI_API_KEY som en projekthemlighet via /secrets, projektinställningarna eller hemlighetskortet som agenten visar när den behöver en nyckel, och beskriv sedan funktionen med en prompt som de ovan. Efter att du ändrat hemligheter i en publicerad app, publicera igen så att den får med sig dem. Docs-receptet Lägg till AI-funktioner med egna API-nycklar har en startprompt, och Hemligheter i chatten förklarar hemlighetskortet. Jämför du leverantörer? Se hur du integrerar Claude API.

Frågor

Vilket OpenAI API bör jag använda för en ny app?

Enligt OpenAIs snabbstart i september 2026 är Responses API utgångspunkten för nya projekt, med exempel som använder client.responses.create() i de officiella SDK:erna. Kontrollera OpenAIs dokumentation för den aktuella rekommendationen innan du börjar.

Kan jag anropa OpenAI API från webbläsaren?

Inte med din hemliga nyckel. Vem som helst kan läsa kod i webbläsaren och använda nyckeln för att driva upp din räkning. Webbläsaren ska anropa din egen serverroute, och din server anropar OpenAI med nyckeln lagrad som en miljövariabel.

Hur förhindrar jag att OpenAI API kostar för mycket?

OpenAIs produktionsguide rekommenderar utgiftsaviseringar och en hård månatlig utgiftsgräns på gränssidan. I din app begränsar du svarens längd, begränsar förfrågningar per användare och loggar tokenanvändningen så att du ser vilka funktioner som kostar mest.

Vad betyder ett 429-fel från OpenAI?

Det betyder att du nått en hastighetsgräns. OpenAIs dokumentation om hastighetsgränser säger att svaret innehåller en Retry-After-header. Vänta minst så länge, lägg till en liten slumpmässig fördröjning och försök igen med exponentiell backoff.