0Pricing
Sveltejs Academy · บทเรียน

+server.js: GET POST PUT DELETE

ส่งออกฟังก์ชันตัวจัดการที่ตั้งชื่อตามเมธอด HTTP เพื่อสร้างปลายทาง API

+server.js: GET POST PUT DELETE เป็นบทเรียน Sveltejs Academy ฟรีบน CoddyKit นี่คือบทเรียนที่ 1 จากทั้งหมด 4 บทเรียน คุณสามารถอ่านบทเรียนทั้งหมดด้านล่างฟรี — จากนั้นลองปฏิบัติด้วยตัวคุณเองในเบราว์เซอร์พร้อมตัวแก้ไขโค้ดในตัวและติวเตอร์ AI ตลอด 24/7 บทเรียนนี้เป็นส่วนหนึ่งของเส้นทางการเรียน Sveltejs Academy และความก้าวหน้าของคุณจะซิงค์ข้ามเว็บและแอป CoddyKit คอร์ส Sveltejs Academy มีบทเรียนทั้งหมด 4 บทเรียน

เส้นทาง API

SvelteKit ช่วยให้คุณสร้างจุดปลายทาง API ภายในโปรเจกต์เดียวกันได้ด้วยไฟล์ +server.js

ตำแหน่ง

วาง +server.js ไว้ในโฟลเดอร์ใดก็ได้ภายใต้ src/routes โดยโฟลเดอร์จะกำหนด URL

src/routes/api/items/+server.js  -> /api/items

การส่งออกตามเมธอด HTTP

ส่งออกฟังก์ชันที่ตั้งชื่อตามเมธอด HTTP

export async function GET() {
  return new Response("hello");
}

หลายเมธอด

ไฟล์เดียวสามารถส่งออก GET, POST, PUT, DELETE, PATCH, OPTIONS และ HEAD ได้

การส่งคืนการตอบกลับ

ตัวจัดการแต่ละรายการจะส่งคืนออบเจ็กต์ Response มาตรฐาน

export async function POST({ request }) {
  const data = await request.json();
  return new Response(JSON.stringify({ ok: true }), { headers: { "content-type": "application/json" } });
}

ตัวช่วย json

ตัวช่วย json() จาก @sveltejs/kit จะตั้งส่วนหัวให้คุณโดยอัตโนมัติ

import { json } from "@sveltejs/kit";
return json({ items: [] });

ไม่อนุญาตเมธอด

เมธอดที่ไม่ได้จัดการจะส่งคืน 405 โดยอัตโนมัติ จึงไม่ต้องเขียนโค้ดส่วนเกิน

จุดปลายทางตามพารามิเตอร์

ใช้ชื่อโฟลเดอร์แบบไดนามิก เช่น [id] สำหรับเส้นทางที่อ้างอิงทรัพยากร

src/routes/api/items/[id]/+server.js

การยืนยันตัวตน

ตรวจสอบ event.locals (ซึ่ง hooks เติมข้อมูลไว้) เพื่อดูสถานะการยืนยันตัวตน

รหัสสถานะ

ส่งสถานะเป็นอาร์กิวเมนต์ตัวที่สองให้กับ json หรือตั้งค่าในตัวเริ่มต้น Response

return json({ ok: false }, { status: 400 });

CORS

หาก API ของคุณให้บริการคำขอข้ามต้นทาง ให้เพิ่มส่วนหัว CORS ด้วยตนเองหรือผ่าน hook

ตรวจสอบอย่างรวดเร็ว

คุณจัดการ GET อย่างไร

สรุปทบทวน

+server.js ส่งออกตัวจัดการแยกตามเมธอด (GET, POST เป็นต้น) ซึ่งส่งคืน Response หรือใช้ตัวช่วย json()

คำถามที่พบบ่อย

บทเรียน “+server.js: GET POST PUT DELETE” ฟรีหรือไม่

ใช่ — ข้อความเต็มของ “+server.js: GET POST PUT DELETE” ฟรีให้อ่านที่นี่บนเว็บ เพื่อปฏิบัติแบบโต้ตอบ (ตัวแก้ไขโค้ดในตัวและติวเตอร์ AI ตลอด 24/7) และปลดล็อคส่วนที่เหลือของคอร์ส Sveltejs Academy ให้อัปเกรดเป็น CoddyKit PRO คอร์ส Sveltejs Academy มีบทเรียนทั้งหมด 4 บทเรียน

คุณจะเรียนรู้อะไรในบทเรียน “+server.js: GET POST PUT DELETE”

ส่งออกฟังก์ชันตัวจัดการที่ตั้งชื่อตามเมธอด HTTP เพื่อสร้างปลายทาง API คุณปฏิบัติ Sveltejs Academy ด้วยโค้ดที่ใช้งานได้จริงที่คุณเรียกใช้โดยตรงในเบราว์เซอร์ และติวเตอร์ AI ตลอด 24/7 ตอบคำถามของคุณขณะที่คุณไปผ่านบทเรียน

คุณต้องมีประสบการณ์ก่อนที่จะเริ่มเรียน Sveltejs Academy หรือไม่

ไม่จำเป็นต้องมีประสบการณ์มาก่อน Sveltejs Academy บน CoddyKit ออกแบบมาสำหรับผู้เริ่มต้นไปจนถึงผู้เรียนขั้นสูง คุณสามารถเริ่มต้นที่นี่หรือเริ่มจากตัวแรกและเรียนด้วยความเร็วของคุณเอง นี่คือบทเรียนที่ 1 จากทั้งหมด 4 บทเรียน

บทเรียน “+server.js: GET POST PUT DELETE” ใช้เวลานานแค่ไหน

บทเรียน CoddyKit ส่วนใหญ่ใช้เวลาประมาณ 5–10 นาที แต่ละบทเรียนจึงสั้นและเป็นแบบโต้ตอบ คุณสามารถก้าวหน้าอย่างต่อเนื่องและกลับมาเรียนต่อจากตรงที่เพิ่งหยุดบนเว็บและแอปได้เลย

ฉันเขียนและรันโค้ดในบทเรียน Sveltejs Academy นี้ได้ไหม

ได้ บทเรียน Sveltejs Academy ทุกบทมีตัวแก้ไขโค้ดในตัว คุณจึงเขียนและรันโค้ดจริงได้เลยในเบราว์เซอร์ และได้รับข้อเสนอแนะจาก AI ในทันที — ไม่ต้องติดตั้งในเครื่องของคุณ

บทเรียนทั้งหมดในหลักสูตรนี้

  1. +server.js: GET POST PUT DELETE
  2. Request และ RequestEvent
  3. การส่งคืนการตอบกลับ JSON
  4. การสตรีมด้วย ReadableStream
← กลับไปที่ Sveltejs Academy