OpenAI API: Overfør brukermeldinger via URL

I denne opplæringen viser vi hvordan du kan bruke OpenAI API for å behandle brukermeldinger. I forrige video brukte vi en fast tekst ("hello"), men ønsker nå å introdusere muligheten for å sende inn teksten som brukes av brukeren via URL. Det er viktig at du forstår grunnleggende om hvordan du ekstraherer URL-parametere og sender dem til API-en for å tillate personlige interaksjoner med AIen.

Viktigste funn

• Du lærer hvordan du sender brukerteksten som en spørringsparameter i URL-en og kommuniserer med OpenAI APIen.
• Du vil også lære hvilke konfigurasjoner som er nødvendig i prosjektet ditt for å støtte denne funksjonaliteten.

Trinn-for-trinn-veiledning

For å kunne gjennomføre implementeringen, følg denne trinnvise veiledningen.

Trinn 1: Forberedelser

Først må du forsikre deg om at du har satt opp OpenAI APIen riktig. I vår forrige video demonstrerte vi hvordan man kaller APIen og bruker en fast streng. Du bør ha fullført grunnkonfigurasjonen av prosjektet ditt allerede.

Trinn 2: Overføre brukertekst via URL

Nå ønsker vi å gjøre det mulig å sende inn en dynamisk tekst. Denne vil bli overført via URL-en som en spørringsparameter til applikasjonen vår. Parametrene som står etter spørsmålstegnet i URL-en er avgjørende for denne metoden.

I dette trinnet integrerer vi en logikk for å ekstrahere forventet meldingsparameter fra URL-en. Parameteren vi ønsker å bruke heter msg og blir hentet via url.searchParams.get("msg").

Trinn 3: Behandle meldingen

Etter at vi har ekstrahert teksten, må vi bruke den i API-forespørselen. Her må vi forsikre oss om at den overførte teksten faktisk sendes til APIen.

Hvis vi under testingen får en feilmelding som "Bad Request", tyder dette på et problem med overføringen av meldingen. Sjekk at parameteren new message blir riktig overført i forespørselen.

Trinn 4: Feilsøking

Det kan hende vi har noen problemer med konfigurasjonen. Forsikre deg om at du sender inn alle nødvendige parametere riktig til applikasjonen. Hvis du bruker den faste strengen for testing og den fungerer, kan du forsikre deg om at feilen ligger tydelig i den ekstraherte parameteren.

Trinn 5: Tilpass Astro-konfigurasjonen

Et viktig element er konfigurasjonen av prosjektet ditt i Astro. Du må forsikre deg om at output-verdien er satt til Server. Dette muliggjør serverbasert rendring og dermed riktig utlesning av URL-parametere.

Dette endringen er avgjørende, da den tillater deg å lese parameterne riktig og overføre dem til APIen.

Trinn 6: Test applikasjonen

Nå bør du teste applikasjonen. Prøv ulike inntekter i URL-en for å se hvilke svar du får fra APIen. Et eksempel på en forespørsel kan være: ?msg=Hello World.

Svaret vises i nettleseren og bør reagere korrekt på forespørselen din. Hvis alt fungerer som det skal, kan du allerede se de første interaksjonene med AIen her.

Trinn 7: Utvidelser og oppsummering

I det siste trinnet ønsker vi å utvide systemet. I stedet for å bare sende en enkelt tekst til APIen, kan du nå også lede hele samtalehistorikken. Dette muliggjør en mer naturlig samtale.

For flere videoer vil du se hvordan du kan videreutvikle React-appen din for å skape et enda mer brukervennlig grensesnitt.

Sammendrag

I denne opplæringen har du lært hvordan du kan bruke OpenAI API-en for å sende brukermeldinger via URL-parametere. Du forstår nå viktige trinn for forberedelse, behandling og testing av applikasjonen din.