V tomto návodu se naučíš, jak přidat koncový bod pro službu Chat do své aplikace Node.js. Naším cílem je vytvořit jednoduchý koncový bod GET pro URL /api/chat, který pak vrátí odpověď klientovi. Tento koncový bod bude později propojen s OpenAI API k generování doplňování Chat. Pojďme rovnou na to a projdeme potřebné kroky.
Nejdůležitější poznatky
- Vytvoření GET koncového bodu v aplikaci Node.js
- Použití JSON k přenosu dat
- Integrace s OpenAI API pro doplňování Chat
Krok za krokem návod
Krok 1: Vytvoření složky API
Pro zajištění čistého kódu bys měl/a vytvořit speciální složku pro své API koncové body. V tvém React projektu bys měl/a pod adresářem pages vytvořit nový podadresář pojmenovaný API.
Krok 2: Vytvoření souboru chat.js
V právě vytvořeném adresáři API vytvoř nový soubor s názvem chat.js. Tento soubor bude obsahovat kód Node.js, který zpracuje GET požadavek.
Krok 3: Implementace GET handleru
V souboru chat.js musíš definovat GET handler. Tento handler bude zpracovávat příchozí požadavky na URL /api/chat. Je důležité, aby funkce nesla název get, protože to je předpoklad pro rozpoznání Astro jako GET handleru.
Krok 4: Výstup jednoduché odpovědi
Prozatím můžeš vrátit jednoduchý JSON odpověď. K tomu použij new Response() a inicializuj Response s JSON.stringify(), abys serializoval/a objekt obsahující vlastnost answer. Pro tuto první testovací odpověď můžeš jednoduše nastavit „Hello“.
Krok 5: Nastavení statusu a záhlaví
Kromě vrácení těla odpovědi můžeš přidat také stavový kód a záhlaví. Nastav status na 200, což znamená, že požadavek byl úspěšný, a definuj Content-Type jako application/json, aby si klient mohl odpověď rozpoznat jako JSON.
Krok 6: Testování koncového bodu v prohlížeči
Po nastavení všeho můžeš testovat koncový bod. Otevři si prohlížeč a jdi do svého lokálního vývojového prostředí zadáním URL http://localhost:3000/api/chat. Měl/a bys vidět odpověď, kterou jsi definoval/a v předchozí fázi.
Krok 7: Kontrola správného vrácení
Pokud zadáš URL a správnou JSON odpověď uvidíš v prohlížeči, znamená to, že tvůj GET handler funguje. Tato jednoduchá implementace bude základem pro budoucí rozšíření, kde budeš integrovat OpenAI API pro doplňování Chat.
Krok 8: Rozšíření na OpenAI API
V budoucím setkání budeme existující koncový bod rozšíření o získávání doplňování Chat z OpenAI API. Aktuální koncový bod ti však již poskytne potřebné základy pro HTTP interakce přes API.
Shrnutí
V tomto návodu jsi se naučil/a, jak vytvořit jednoduchý koncový bod GET pro svou aplikaci Node.js, který vrací odpovědi ve formátu JSON. Tato základní implementace je základem pro budoucí rozšíření, zejména pro integraci OpenAI API, kterou budeme probírat ve videu následujícím.
Nejčastější dotazy
Jak vytvořím podadresář ve svém projektu?Můžeš vytvořit podadresář ve svém projektu tím, že v adresáři pages vytvoříš novou složku s názvem API.
Proč je důležité, aby se můj GET handler jmenoval get?V Astro je jméno handleru klíčové pro rozpoznání odpovídajícího HTTP požadavku.
Jak otestuji svůj nový koncový bod?Zadej URL http://localhost:3000/api/chat do svého prohlížeče pro ověření odpovědi tvého GET handleru.
Co bude probíráno ve videu následujícím?V následujícím videu rozšíříme stávající koncový bod o získávání doplňování Chat z OpenAI API.