+server.js: GET, POST, PUT y DELETE
Exporte funciones de gestión con nombres correspondientes a los métodos HTTP para crear endpoints de API
+server.js: GET, POST, PUT y DELETE es una lección gratuita de Sveltejs Academy en CoddyKit. Esta es la lección 1 de 4. Puedes leer la lección completa abajo gratuitamente — luego la practicas en el navegador con un editor de código integrado y un tutor de IA 24/7. Forma parte de la ruta de aprendizaje de Sveltejs Academy, y tu progreso se sincroniza en la web y la app de CoddyKit. El curso de Sveltejs Academy incluye 4 lecciones en total.
Rutas de API
SvelteKit permite crear endpoints de API dentro del mismo proyecto mediante archivos +server.js.
Ubicación
Coloque +server.js en cualquier carpeta dentro de src/routes. La carpeta define la URL.
src/routes/api/items/+server.js -> /api/itemsExportaciones de métodos HTTP
Exporte una función cuyo nombre corresponda al método HTTP.
export async function GET() {
return new Response("hello");
}Varios métodos
Un archivo puede exportar GET, POST, PUT, DELETE, PATCH, OPTIONS y HEAD.
Devolver respuestas
Cada controlador devuelve un objeto estándar Response.
export async function POST({ request }) {
const data = await request.json();
return new Response(JSON.stringify({ ok: true }), { headers: { "content-type": "application/json" } });
}Helper json
El helper json() de @sveltejs/kit configura los encabezados automáticamente.
import { json } from "@sveltejs/kit";
return json({ items: [] });Método no permitido
Los métodos no gestionados devuelven automáticamente el estado 405. No necesita código repetitivo.
Endpoints basados en parámetros
Utilice nombres de carpeta dinámicos como [id] para crear rutas orientadas a recursos.
src/routes/api/items/[id]/+server.jsAutenticación
Compruebe event.locals (rellenado por los hooks) para conocer el estado de autenticación.
Códigos de estado
Pase el estado como segundo argumento de json o establézcalo en la inicialización de Response.
return json({ ok: false }, { status: 400 });CORS
Si su API atiende solicitudes de otros orígenes, añada manualmente encabezados CORS o hágalo mediante un hook.
Comprobación rápida
¿Cómo se gestiona GET?
Resumen
+server.js exporta controladores para cada método (GET, POST, etc.) que devuelven Response o utilizan el helper json().
Preguntas frecuentes
¿La lección «+server.js: GET, POST, PUT y DELETE» es gratis?
Sí — el texto completo de «+server.js: GET, POST, PUT y DELETE» es gratis para leer aquí en la web. Para practicarla de forma interactiva (editor de código integrado y tutor de IA 24/7) y desbloquear el resto del curso de Sveltejs Academy, actualiza a CoddyKit PRO. El curso de Sveltejs Academy incluye 4 lecciones en total.
¿Qué aprenderé en «+server.js: GET, POST, PUT y DELETE»?
Exporte funciones de gestión con nombres correspondientes a los métodos HTTP para crear endpoints de API Practicas Sveltejs Academy con código real que ejecutas directamente en el navegador, y un tutor de IA 24/7 responde tus preguntas mientras trabajas en la lección.
¿Necesito experiencia previa para empezar Sveltejs Academy?
No se requiere experiencia previa. Sveltejs Academy en CoddyKit está estructurado para principiantes hasta estudiantes avanzados, así que puedes empezar aquí o desde el inicio y avanzar a tu ritmo. Esta es la lección 1 de 4.
¿Cuánto tiempo toma la lección «+server.js: GET, POST, PUT y DELETE»?
La mayoría de las lecciones de CoddyKit toman alrededor de 5–10 minutos. Cada una es compacta e interactiva, así que avanzas constantemente y retomas exactamente por donde dejaste en la web y la app.
¿Puedo escribir y ejecutar código en esta lección de Sveltejs Academy?
Sí. Cada lección de Sveltejs Academy incluye un editor de código integrado, así que escribes y ejecutas código real directamente en tu navegador y obtienes retroalimentación instantánea de IA — sin configuración local necesaria.
Todas las lecciones de este curso
- +server.js: GET, POST, PUT y DELETE
- Request y RequestEvent
- Devolución de respuestas JSON
- Streaming con ReadableStream