Llamar a los endpoints desde el servidor

Los endpoints se pueden usar para servir muchos tipos de datos. En esta receta se llama a un endpoint del servidor desde el script de un componente de la página para mostrar un saludo, sin necesidad de realizar una solicitud de recuperación adicional.

Prerequisitos

• Un proyecto con SSR (output: ‘server’) habilitado.

Receta

1. Crea un endpoint en un nuevo archivo src/pages/api/hello.ts que devuelva algunos datos:

   src/pages/api/hello.ts

   import type { APIRoute } from 'astro'
   
   export const GET: APIRoute = () => {
     return new Response(
       JSON.stringify({
         greeting: 'Hola',
       }),
     )
   }

2. En cualquier página Astro, importa el método GET() desde el endpoint. Llámalo con la variable global Astro (EN) para proporcionar el contexto de la solicitud, y usa la respuesta en la página:

   src/pages/index.astro

   ---
   import { GET } from './api/hello.ts';
   
   let response = await GET(Astro)
   const data = await response.json()
   ---
   
   <h1>{data.greeting} mundo!</h1>