OpenAI API: Användarrapporter skickas via URL

I den här handledningen visar vi dig hur du kan använda OpenAI API för att behandla användarmeddelanden. I den föregående videon använde vi en fast text ("hello"), men vill nu introducera möjligheten att skicka en användarspecificerad text via URL. Det är viktigt att du förstår grunderna i hur man extraherar URL-parametrar och skickar dem till API:en för att möjliggöra personliga interaktioner med AI.

Viktigaste Insikter

• Du lär dig hur du skickar användartexten som en fråge-parameter i URL:en och kommunikation med OpenAI API.
• Du får också reda på vilka konfigurationer som är nödvändiga i ditt projekt för att stödja denna funktionalitet.

Steg-för-Steg-guide

Följ denna steg-för-steg-guide för att kunna implementera.

Steg 1: Förberedelser

Först måste du säkerställa att du har korrekt inställt OpenAI API. I vår föregående video visade vi hur man anropar API:en och använde en fast sträng. Du bör redan ha slutfört grundkonfigurationen av ditt projekt.

Steg 2: Användartext via URL

Nu vill vi möjliggöra att skicka en dynamisk text. Denna kommer att skickas till vår applikation via URL:en som en fråge-parameter. Parametrarna som står efter frågetecknet i URL:en är avgörande för denna metod.

I detta steg integrerar vi en logik för att extrahera det förväntade meddelande-parametern från URL:en. Parametern vi vill använda kallas msg och hämtas med url.searchParams.get("msg").

Steg 3: Hantering av meddelandet

Efter att vi har extraherat texten måste vi använda den i API-förfrågan. Här måste vi se till att den skickade texten verkligen skickas till API:en.

Om vi under testningen får ett fel som "Bad Request", indikerar det ett problem med överföringen av meddelandet. Kontrollera att parametern new message överförs korrekt i förfrågan.

Steg 4: Felhantering

Vi kan fortfarande ha vissa problem med konfigurationen. Se till att du skickar alla nödvändiga parametrar korrekt till applikationen. Om du använder en fast sträng för kontroll och den fungerar, kan du säkerställa att felet tydligt ligger i den extraherade parametern.

Steg 5: Justera Astro-konfigurationen

En viktig del är konfigurationen av ditt projekt i Astro. Du måste se till att utmatningsvärdet är inställt på Server. Detta möjliggör serverside-rendering och därmed korrekt utläsning av URL-parametrar.

Denna ändring är avgörande eftersom den tillåter dig att korrekt läsa av parametrarna och skicka dem till API:en.

Steg 6: Testa applikationen

Nu bör du testa applikationen. Prova olika inmatningar i URL:en för att se vilka svar du får från API:en. Ett exempel påfrågan skulle kunna vara: ?msg=Hello World.

Svaret visas i webbläsaren och bör reagera korrekt på din förfrågan. Om allt fungerar som det ska kan du redan se de första interaktionerna med AI.

Steg 7: Utvidgningar och Sammanfattning

I det sista steget vill vi utöka systemet. Istället för att bara skicka en enskild text till API:en kan du nu också följa hela chattloggen. Detta möjliggör en mer naturlig konversation.

För fler videor kommer du att se hur du kan fortsätta utveckla din React-app för att skapa en ännu mer användarvänlig gränssnitt.

Sammanfattning

I denna handledning har du lärt dig hur du kan använda OpenAI API för att överföra användarmeddelanden via URL-parametrar. Du förstår nu viktiga steg för förberedelse, bearbetning och testning av din applikation.