Ebben a bemutatóban megtanulod, hogyan adhatsz hozzá egy végpontot a chat szolgáltatáshoz a Node.js alkalmazásodban. Célunk egy egyszerű GET végpont létrehozása az URL /api/chat címre, amely aztán egy választ küld vissza az ügyfélnek. Ezt a végpontot később az OpenAI API-hoz fogjuk csatlakoztatni a csevegés befejezésének generálásához. Ugorjunk rögtön bele, és menjünk végig a szükséges lépéseken.
Legfontosabb tanulságok
- GET végpont létrehozása egy Node.js alkalmazásban
- JSON használata az adatátvitelhez
- Integráció az OpenAI API-val a csevegés befejezéséhez
Lépésről lépésre útmutató
1. lépés: Az API mappa létrehozása
A tiszta kód biztosítása érdekében létre kell hoznia egy speciális mappát az API végpontok számára. A React projektedben hozz létre egy új almappát API néven a pages könyvtár alatt.
2. lépés: A chat.js fájl létrehozása
Az imént létrehozott API mappában hozzon létre egy új fájlt chat.js néven. Ez a fájl tartalmazza majd a GET-kérést kezelő Node.js kódot.
3. lépés: A GET kezelő implementálása
A chat.js fájlban meg kell határoznia egy GET kezelőt. Ez a kezelő fogja feldolgozni az URL /api/chat címre érkező kéréseket. Fontos, hogy a funkció neve get legyen, mivel ez az előfeltétele annak, hogy az Astro GET kezelőként ismerje fel.
4. lépés: Egy egyszerű válasz kiadása
Egyelőre egy egyszerű JSON választ adhatunk vissza. Ehhez használjuk a new Response() funkciót, és inicializáljuk a választ a JSON.stringify() funkcióval, hogy egy válasz tulajdonságot tartalmazó objektumot szerializáljunk. Ehhez az első tesztválaszhoz egyszerűen beállíthatja a "Hello" értéket.
5. lépés: A státusz és a fejlécek definiálása
A válasz testének visszaadása mellett hozzáadhatja a státuszkódot és a fejléceket is. Állítsa be a státuszt 200-ra, ami azt jelenti, hogy a kérés sikeres volt, és definiálja a tartalomtípust application/json-ként, hogy a kliens JSON-ként ismerje fel a választ.
6. lépés: A végpont tesztelése a böngészőben
Miután mindent beállított, tesztelheti a végpontot. Nyissa meg a böngészőt, és lépjen a helyi fejlesztőkörnyezetbe a http://localhost:3000/api/chat URL-cím megadásával. Látnia kell az előző fázisban meghatározott választ.
7. lépés: A helyes visszatérés ellenőrzése
Ha beírja az URL-t, és a böngészőben a helyes JSON-választ látja, az azt jelenti, hogy a GET-kereskedője működik. Ez az egyszerű megvalósítás lesz az alapja a későbbi bővítésnek, ahol integrálni fogod az OpenAI API-t a csevegés befejezéséhez.
8. lépés: Bővítés az OpenAI API-ra
Egy későbbi munkamenetben kibővítjük a már megvalósított végpontot a csevegés befejezéseinek az OpenAI API-ból való lekérdezéséhez. A jelenlegi végpont azonban már megadja a szükséges alapismereteket az API-n keresztüli HTTP-interakciókról.
Összefoglaló
Ebben a bemutatóban megtanultad, hogyan hozhatsz létre egy egyszerű GET végpontot a Node.js alkalmazásodhoz, amely JSON válaszokat ad vissza. Ez az alapvető megvalósítás képezi az alapot a jövőbeli bővítésekhez, különösen az OpenAI API integrálásához, amellyel a következő videóban foglalkozunk.
Gyakran ismételt kérdések
Hogyan hozhatok létre almappát a projektemben?Almappát hozhat létre a projektjében úgy, hogy létrehoz egy új mappát API néven az pages könyvtárban.
Miért fontos, hogy a GET kereskedőm neve get legyen?Az Astroban a kereskedő neve döntő fontosságú a megfelelő HTTP-kérés felismeréséhez.
Hogyan tesztelhetem az új végpontomat?írja be a http://localhost:3000/api/chat URL-címet a böngészőjébe, hogy ellenőrizze a GET-kereskedő válaszát.
Miről lesz szó a következő videóban?A következő videóban kibővítjük a jelenlegi végpontot, hogy lekérdezzük a csevegés befejezéseit az OpenAI API-ból.