OpenAI API: Overfør brugermeddelelser via URL

I denne vejledning viser vi dig, hvordan du kan bruge OpenAI API'en til at behandle brugermeldinger. I den forrige video brugte vi en fast tekst ("hello"), men nu vil vi introducere muligheden for at sende en brugerleveret tekst via URL'en. Det er vigtigt, at du forstår de grundlæggende principper for at ekstrahere URL-parametre og sende dem videre til API'en for at muliggøre personaliserede interaktioner med AI'en.

Vigtigste konklusioner

• Du lærer, hvordan du sender brugerteksten som en forespørgselsparameter i URL'en og kommunikerer med OpenAI API'en.
• Du vil også få at vide, hvilke konfigurationer der er nødvendige i dit projekt for at understøtte denne funktionalitet.

Trin-for-trin guide

For at kunne gennemføre implementeringen, følg denne trin-for-trin guide.

Trin 1: Forberedelser

Først skal du sikre dig, at du har konfigureret OpenAI API'en korrekt. I vores forrige video demonstrerede vi, hvordan man kalder API'en og bruger en fast streng. Du bør allerede have fuldført grundkonfigurationen af dit projekt.

Trin 2: Overfør brugertekst via URL

Nu vil vi gøre det muligt at overføre en dynamisk tekst. Denne tekst bliver sendt til vores program via URL'en som en forespørgselsparameter. Parametrene, der står efter spørgsmålstegnet i URL'en, er afgørende for denne metode.

I dette trin integrerer vi en logik til at ekstrahere den forventede meddelelsesparameter fra URL'en. Paramteren, vi vil bruge, hedder msg og vil blive hentet ved hjælp af url.searchParams.get("msg").

Trin 3: Håndtering af besked

Efter at have ekstraheret teksten, er det nødvendigt at bruge den i API-forespørgslen. Her skal vi sikre os, at den overførte tekst faktisk sendes til API'en.

Hvis vi modtager en fejl som "Bad Request" under testningen, indikerer det et problem med overførslen af meddelelsen. Vær sikker på, at paramteren med den nye besked overføres korrekt i anmodningen.

Trin 4: Fejlfinding

Der kan stadig være nogle problemer med konfigurationen. Sikre dig, at du overføre alle nødvendige parametre korrekt til programmet. Hvis du bruger den faste streng til test og den virker, kan du være sikker på, at fejlen er tydeligt i den ekstraherede parameter.

Trin 5: Justering af Astro-konfiguration

Et vigtigt element er konfigurationen af dit projekt i Astro. Du skal sikre dig, at outputværdien er sat til server. Dette muliggør server-side rendering og dermed korrekt udlæsning af URL-parametre.

Dette er afgørende ændring, da den tillader dig at udlæse parametrene korrekt og videreføre dem til API'en.

Trin 6: Test af programmet

Nu bør du teste programmet. Prøv forskellige indtastninger i URL'en for at se, hvilke svar du får fra API'en. Et eksempel på en forespørgsel kunne være: ?msg=Hello World.

Svaret vises i din browser og bør reagere korrekt på din forespørgsel. Hvis alt fungerer korrekt, kan du allerede begynde at se de første interaktioner med AI'en.

Trin 7: Udvidelser og konklusion

I det sidste trin ønsker vi at udvide systemet. I stedet for kun at sende en enkelt tekst til API'en, kan du nu føre hele chatsamtalen med. Dette muliggør en mere naturlig samtale.

For at se flere videoer vil du lære hvordan du kan videreudvikle din React App for at skabe et endnu mere brugervenligt interface.

Oversigt

I denne vejledning har du lært, hvordan du kan bruge OpenAI API til at videregive brugermeldinger via URL-parametre. Du forstår nu vigtige trin til forberedelse, behandling og testning af din applikation.