OpenAI API: Uporabniška sporočila prenesti prek URL-ja

V tem navodilu vam bomo pokazali, kako uporabiti OpenAI API za obdelavo uporabniških sporočil. V prejšnjem videoposnetku smo uporabili fiksen besedilo ("hello"), vendar sedaj želimo omogočiti možnost prenosa uporabniškega besedila, ki ga je uporabnik posredoval, preko URL-ja. Pomembno je, da razumete osnove, kako iz URL-ja parameterje izvlečete in jih predložite API-ju, da omogočite personalizirane interakcije s umetno inteligenco (AI).

Najpomembnejše ugotovitve

• Naučili se boste, kako uporabniško besedilo podati kot poizvedbeni parameter v URL-ju in komunicirati z OpenAI API-jem.
• Poleg tega boste izvedeli, katere konfiguracije v vašem projektu so potrebne, da podprete to funkcionalnost.

Korak-za-korakom navodila

Za izvajanje implementacije sledite tem korak-za-korakom navodilom.

Korak 1: Priprava

Najprej se morate prepričati, da ste OpenAI API pravilno nastavili. V našem prejšnjem videoposnetku smo pokazali, kako poklicati API in uporabiti fiksen niz. Osnovno konfiguracijo vašega projekta bi morali že dokončati.

Korak 2: Podajanje uporabniškega besedila preko URL-ja

Zdaj želimo omogočiti podajanje dinamičnega besedila. To bo posredovano v našo aplikacijo preko URL-ja kot poizvedbeni parameter. Parameterji, ki so navedeni za vprašajem v URL-ju, so ključni za to metodo.

V tem koraku bomo vključili logiko za izvleko pričakovanih parametrov sporočila iz URL-ja. Parameter, ki ga želimo uporabiti, se imenuje msg in se pridobi z uporabo url.searchParams.get("msg").

Korak 3: Obdelava sporočila

Ko pridobimo besedilo, ga je treba uporabiti v zahtevku k API-ju. Tukaj se moramo prepričati, da je posredovano besedilo dejansko poslano na API.

Če med testiranjem prejmete napako kot je "Bad Request", to kaže na težavo pri prenosu sporočila. Preverite, ali je parameter novega sporočila pravilno posredovan v zahtevku.

Korak 4: Odpravljanje težav

Morda imamo še nekaj težav s konfiguracijo. Prepričajte se, da pravilno posredujete vse potrebne parametre aplikaciji. Če uporabljate fiksen niz za preverjanje in ta deluje pravilno, boste lahko ugotovili, da je napaka nedvomno v izvlečenem parametru.

Korak 5: Prilagajanje Astro konfiguracije

Pomemben element je konfiguracija vašega projekta v Astro. Prepričati se morate, da je izhodna vrednost nastavljena na strežnik. To omogoča strežniško rendiranje in s tem pravilno branje parametrov iz URL-ja.

Ta sprememba je ključna, saj ti omogoča pravilno branje parametrov in posredovanje API-ju.

Korak 6: Testiranje aplikacije

Zdaj je čas za testiranje aplikacije. Poskusite različne vnose v URL-ju, da vidite, kakšne odgovore prejmete od API-ja. Primer poizvedbe bi lahko bil: ?msg=Hello World.

Odgovor se prikaže v brskalniku in bi moral pravilno odgovoriti na vašo poizvedbo. Če vse deluje pravilno, lahko že vidite prve interakcije z umetno inteligenco.

Korak 7: Razširitve in zaključek

V zadnjem koraku želimo sistem razširiti. Namesto da bi na API poslali samo eno besedilo, lahko sedaj vključite celotno zgodovino klepeta. To omogoča bolj naravno komunikacijo.

Za nadaljnje videoposnetke boste videli, kako lahko nadaljujete razvoj svoje React aplikacije, da ustvarite še bolj uporabniško prijazno vmesnik.

Povzetek

V tem vodiču ste se naučili, kako lahko uporabite OpenAI API za prenašanje uporabniških sporočil preko URL parametrov. Sedaj razumete pomembne korake za pripravo, obdelavo in testiranje vaše aplikacije.