I denne opplæringen vil du lære hvordan du kan legge til en endepunkt for chat-tjenesten i din Node.js-applikasjon. Vårt mål er å opprette en enkel GET-endepunkt for URL-en /api/chat, som deretter sender et svar til klienten. Denne endepunktet vil senere bli koblet til OpenAI API for å generere chat-fullføringer. La oss komme i gang og gå gjennom de nødvendige stegene.
Viktigste funn
- Opprette en GET-endepunkt i en Node.js-applikasjon
- Bruke JSON for dataoverføring
- Integrere med OpenAI API for chat-fullføringer
Trinn-for-trinn-guide
Trinn 1: Opprette API-mappen
For å sikre ren kode, bør du opprette en spesifikk mappe for API-endepunktene dine. I det React-prosjektet ditt bør du opprette en ny undermappe med navnet API under sidene-mappen.
Trinn 2: Opprette chat.js filen
I den nylig opprettede API-mappen, opprett en ny fil med navnet chat.js. Denne filen vil inneholde Node.js-koden som håndterer GET-forespørselen.
Trinn 3: Implementering av GET-håndteringen
Du må definere en GET-håndterer i chat.js filen. Denne håndtereren vil behandle innkommende forespørsler til URL-en /api/chat. Det er viktig at funksjonen har navnet get, da dette er en forutsetning for at Astro skal gjenkjenne den som en GET-håndterer.
Trinn 4: Gi tilbake et enkelt svar
For øyeblikket kan du returnere et enkelt JSON-svar. Bruk new Response() og initialisér responsen med JSON.stringify() for å serialisere et objekt som inneholder en answer-egenskap. For dette første testsvaret kan du enkelt sette det til "Hello".
Trinn 5: Angi status og header
I tillegg til å returnere kroppen av responsen, kan du også legge til statuskoden og headere. Sett status til 200, som indikerer at forespørselen var vellykket, og definer Content-Type som application/json for å sikre at klienten gjenkjenner svaret som JSON.
Trinn 6: Teste endepunktet i nettleseren
Når alt er satt opp, kan du teste endepunktet. Åpne nettleseren og gå til din lokale utviklingsmiljø ved å skrive inn URL-en http://localhost:3000/api/chat. Du bør se svaret du definerte i den forrige fasen.
Trinn 7: Sjekk riktig tilbakemelding
Hvis du skriver inn URL-en og ser riktig JSON-svar i nettleseren, betyr det at GET-håndtereren din fungerer. Denne enkle implementeringen vil danne grunnlaget for videre utvidelser, spesielt for integrasjonen av OpenAI API, som vi vil behandle i den neste videoen.
Trinn 8: Utvide til OpenAI API
I en fremtidig økt vil vi utvide den allerede implementerte endepunktet for å hente chat-fullføringer fra OpenAI API. Den nåværende endepunktet vil imidlertid allerede gi deg forståelsen du trenger for HTTP-interaksjonene gjennom API-en.
Oppsummering
I denne opplæringen har du lært hvordan du kan opprette en enkel GET-endepunkt for din Node.js-applikasjon som returnerer JSON-svar. Denne grunnleggende implementeringen danner grunnlaget for fremtidige utvidelser, spesielt for integrasjonen av OpenAI API, som vi vil behandle i neste video.
Ofte stilte spørsmål
Hvordan oppretter jeg en undermappe i prosjektet mitt?Du kan opprette en undermappe i prosjektet ditt ved å opprette en ny mappe med navn API under pages-mappen.
Hvorfor er det viktig at min GET-håndterer heter get?I Astro er navnet på håndtereren avgjørende for gjenkjenning av den tilsvarende HTTP-forespørselen.
Hvordan tester jeg mitt nye endepunkt?Skriv inn URL-en http://localhost:3000/api/chat i nettleseren din for å sjekke svaret fra GET-håndtereren din.
Hva vil bli behandlet i neste video?I neste video vil vi utvide det nåværende endepunktet for å hente chat-fullføringer fra OpenAI API.