Alt det her foregår igennem javascript så det er ikke noget jeg gemmer 🙂

Jeg har selv haft brug for denne funktion mange gange, så her er den til dig.

Hvad kan dette bruges til?

Denne kode er et simpelt værktøj til at teste OpenAI API-nøgler og kan bruges i flere forskellige sammenhænge, herunder:

1. Test af API-adgang

• Hvis du vil sikre dig, at din OpenAI API-nøgle fungerer korrekt.

• Viser direkte, om nøglen er gyldig og returnerer et svar fra OpenAI.

• Hvis API-nøglen er forkert eller deaktiveret, vises en fejlmeddelelse.

2. Udvikling af AI-drevne applikationer

• Før du integrerer OpenAI i en chatbot, automatiseringsløsning eller anden AI-tjeneste, kan du bruge dette værktøj til at teste kommunikationen med OpenAI.

• Kan hjælpe udviklere med at forstå, hvordan OpenAI returnerer data i JSON-format.

3. Fejlfinding af API-problemer

• Hvis OpenAI API’en ikke fungerer som forventet i et større projekt, kan du bruge dette værktøj til at teste, om fejlen skyldes API-adgang eller noget andet i din kode.

• Viser præcist, om OpenAI returnerer et svar, eller om der er en fejl (f.eks. forkert API-nøgle, for høj belastning på serveren, eller konfigurationsfejl).

4. Eksperimentering med OpenAI’s svar

• Du kan nemt ændre prompten og se, hvordan OpenAI svarer, uden at skulle skrive en hel applikation.

• Perfekt til hurtige tests af sprogmodeller, tekstgenerering og chatbot-svar.

5. Undervisning og læring

• Hvis du lærer om API’er, OpenAI eller AI-genererede svar, giver dette værktøj en praktisk og nem måde at eksperimentere på.

• Brugere kan hurtigt forstå, hvordan man sender anmodninger til OpenAI og behandler svarene.

6. Integration med andre systemer

• Kan udvides til at teste OpenAI-integrationer i CRM, e-handel, chatbots eller automatiseringssystemer.

• Hvis du arbejder med Shopware, Prestashop eller andre platforme, kan dette hjælpe med at verificere, at OpenAI API’en fungerer, før du bygger en fuld løsning.

Dette værktøj gør det hurtigt og nemt at teste OpenAI’s API og kan bruges af udviklere, AI-entusiaster og virksomheder, der ønsker at arbejde med AI-baserede løsninger.

Her er en forklaring på, hvordan koden fungerer:

1. HTML-struktur

• Koden opretter en simpel webside med et inputfelt til at indtaste en OpenAI API-nøgle og en knap til at teste API’en.

• Der er også et div-element (<div id=”response”></div>) til at vise API’ens svar.

2. JavaScript-funktionalitet

Den vigtigste funktion er fetchOpenAIs(), som udfører følgende trin:

A. Viser en statusmeddelelse

Når knappen klikkes, ændres teksten i <div id=”response”> til “Arbejder…”, så brugeren ved, at systemet behandler anmodningen.

B. Definerer API-forespørgslen

• En simpel forespørgsel (prompt) “Hello – how are you?”` sendes til OpenAI’s API.

• API-nøglen hentes fra inputfeltet ($(“#API”).val();).

• Data-objektet indeholder:

• Model: gpt-4o-mini (den anvendte sprogmodel)

• Messages: En liste af beskeder, hvor brugerens input sendes som tekst.

• Max tokens: Begrænser svarets længde.

C. Sender forespørgslen til OpenAI’s API

• fetch(url, { … }) bruges til at sende en POST-anmodning til OpenAI.

• headers specificerer:

• Content-Type: JSON-format.

• Authorization: API-nøglen til adgang.

D. Behandler API-svaret

• Hvis anmodningen lykkes:

• Tjekker, om result.choices findes, og om det indeholder et svar.

• Viser svaret i <div id=”response”>.

• Hvis anmodningen fejler:

• Viser en fejlmeddelelse i rødt:

“Fejl: Kunne ikke hente svar fra OpenAI. Tjek din API-nøgle og prøv igen.”

E. Fejlhåndtering

Hvis API’en returnerer et ugyldigt svar eller en fejl opstår (f.eks. forkert API-nøgle), fanges fejlen med .catch(), og en rød fejlmeddelelse vises.

Sammenfatning

1. Brugeren indtaster en OpenAI API-nøgle.

2. Trykker på knappen “TEST”.

3. Forespørgslen sendes til OpenAI.

4. API-svaret vises, eller en fejlmeddelelse gives, hvis noget går galt.

Dette giver en nem og brugervenlig måde at teste en OpenAI API-nøgle på.