OpenAI API: Felhasználói üzenetek átvitele URL-en keresztül

Ebben a bemutatóban megmutatjuk, hogyan használhatod az OpenAI API-t a felhasználói üzenetek feldolgozásához. Az előző videóban egy rögzített szöveget használtunk ("hello"), de most szeretnénk bevezetni a lehetőséget, hogy a felhasználó által URL-en keresztül megadott szöveget adjunk át. Fontos, hogy megértse az URL-paraméterek kinyerésének és az API-nak való átadásának alapjait, hogy lehetővé tegye a személyre szabott interakciókat a mesterséges intelligenciával.

A legfontosabb tanulságok

• Megtanulod, hogyan adhatod át a felhasználó szövegét lekérdezési paraméterként az URL-ben, és hogyan kommunikálhatsz az OpenAI API-val.
• Azt is megtanulja, hogy milyen konfigurációkra van szükség a projektjében ahhoz, hogy támogassa ezt a funkciót.

Lépésről-lépésre történő útmutatás

Kövesse ezt a lépésről lépésre útmutatót az implementáció végrehajtásához.

1. lépés: Előkészületek

Először is meg kell győződnie arról, hogy helyesen állította be az OpenAI API-t. Az előző videónkban bemutattuk, hogyan hívja meg az API-t és hogyan használjon egy rögzített karakterláncot. A projekt alapkonfigurációját már el kellett végeznie.

2. lépés: Felhasználói szöveg átadása URL-en keresztül

Most egy dinamikus szöveg átadását szeretnénk lehetővé tenni. Ezt az URL-en keresztül, mint lekérdezési paramétert adjuk át az alkalmazásunknak. Az URL-ben a kérdőjel utáni paraméterek kulcsfontosságúak ennél a módszernél.

Ebben a lépésben logikát integrálunk az URL-ből a várt üzenet paraméterének kinyerésére. Az általunk használni kívánt paraméter neve msg, és az url.searchParams.get("msg") segítségével nyerjük ki.

3. lépés: Az üzenet feldolgozása

Miután kinyertük a szöveget, fel kell használnunk az API-kérelemben. Itt meg kell győződnünk arról, hogy az átadott szöveget valóban elküldjük az API-nak.

Ha a tesztelés során olyan hibát kapunk, mint a "Bad Request", az azt jelzi, hogy probléma van az üzenet továbbításával. Ellenőrizzük, hogy az új üzenet paraméter helyesen került-e átadásra a kéréshez.

4. lépés: Hibaelhárítás

Előfordulhat, hogy még mindig vannak problémáink a konfigurációval. Győződjön meg róla, hogy az összes szükséges paramétert helyesen adja át az alkalmazásnak. Ha az ellenőrzéshez a rögzített karakterláncot használja, és az működik, akkor győződjön meg arról, hogy a hiba egyértelműen a kivont paraméterben van.

5. lépés: Az Astro konfiguráció testreszabása

Fontos elem a projekt konfigurálása az Astroban. Meg kell győződnie arról, hogy a kimeneti érték a kiszolgálóra van beállítva. Ez lehetővé teszi a szerveroldali renderelést, és így az URL-paraméterek helyes kiolvasását.

Ez a módosítás kulcsfontosságú, mivel lehetővé teszi a paraméterek helyes olvasását és továbbítását az API-nak.

6. lépés: Az alkalmazás tesztelése

Most már tesztelnie kell az alkalmazást. Próbáljon ki különböző bemeneteket az URL-ben, hogy lássa, milyen válaszokat kap az API-tól. Egy példakérés lehet: ?msg=Hello World.

A válasz megjelenik a böngészőben, és helyesen kell válaszolnia a kérésére. Ha minden megfelelően működik, akkor itt már láthatja az első interakciókat az AI-val.

7. lépés: Bővítések és következtetés

Az utolsó lépésben szeretnénk bővíteni a rendszert. Ahelyett, hogy csak egyetlen szöveget küldenénk az API-nak, most már a teljes csevegési előzményeket is lefuttathatjuk. Ez lehetővé teszi a természetesebb beszélgetést.

További videókon láthatod, hogyan fejlesztheted tovább a React alkalmazást, hogy még felhasználóbarátabb felületet hozz létre.

Összefoglaló

Ebben a bemutatóban megtanultad, hogyan használhatod az OpenAI API-t a felhasználói üzenetek URL-paramétereken keresztüli átadására. Most már megértetted az alkalmazás előkészítésének, feldolgozásának és tesztelésének fontos lépéseit.