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.

Enkel veiledning for oppretting av en GET-endepunkt for chat-tjenesten i Node.js

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.

Enkel veiledning for opprettelse av en GET-endepunkt for chat-tjenesten i Node.js

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".

Enkel veiledning for å opprette en GET-endepunkt for chat-tjenesten i Node.js

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.

Enkel veiledning for å opprette en GET-endepunkt for chatte-tjenesten i Node.js

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.

Enkel veiledning for å lage en GET-endepunkt for chat-tjenesten i Node.js

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.

Enkel veiledning for å opprette en GET-endepunkt for chat-tjenesten i Node.js

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.