0Pricing
Sveltejs Academy · レッスン

+server.js：GET、POST、PUT、DELETE

HTTPメソッドにちなんだ名前のハンドラー関数をexportし、APIエンドポイントを構築します。

「+server.js：GET、POST、PUT、DELETE」はCoddyKit上の無料Sveltejs Academyレッスンです。 これはレッスン1/4です。 下記で完全なレッスンを無料で読むことができます。その後、ブラウザ内の組み込みコードエディタと24時間対応のAIチューターでハンズオン演習できます。 これはSveltejs Academy学習パスの一部であり、ウェブとCoddyKitアプリ全体で進捗が同期されます。 Sveltejs Academyコースには全4レッスンが含まれています。

APIルート

SvelteKitでは、+server.jsファイルを使って、同じプロジェクト内にAPIエンドポイントを構築できます。

配置場所

+server.jsはsrc/routes以下の任意のフォルダーに配置します。フォルダーがURLを定義します。

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

HTTPメソッドのexport

HTTPメソッドの名前を付けた関数をexportします。

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

複数のメソッド

1つのファイルからGET、POST、PUT、DELETE、PATCH、OPTIONS、HEADをexportできます。

レスポンスの返却

各ハンドラーは標準のResponseオブジェクトを返します。

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

jsonヘルパー

@sveltejs/kitのjson()ヘルパーを使うと、ヘッダーが自動的に設定されます。

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

許可されていないメソッド

処理されていないメソッドには、自動的に405が返されます。定型コードは必要ありません。

パラメータ駆動のエンドポイント

[id]のような動的なフォルダー名を使用して、リソース形式のルートを作成します。

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

認証

hooksによって設定されたevent.localsを確認して、認証状態を取得します。

ステータスコード

jsonの第2引数としてステータスを渡すか、Response initで設定します。

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

CORS

APIでクロスオリジンリクエストを処理する場合は、手動またはhookを使ってCORSヘッダーを追加します。

クイックチェック

GETはどのように処理しますか？

復習

+server.jsではメソッドごとのハンドラー（GET、POSTなど）をexportし、Responseを返すかjson()ヘルパーを使用します。

よくある質問

「+server.js：GET、POST、PUT、DELETE」レッスンは無料ですか？

はい。「+server.js：GET、POST、PUT、DELETE」の完全なテキストはこのウェブで無料で読めます。インタラクティブに演習し（組み込みコードエディタと24時間対応のAIチューター）、Sveltejs Academyコースの残りをアンロックするには、CoddyKit PROにアップグレードしてください。 Sveltejs Academyコースには全4レッスンが含まれています。

「+server.js：GET、POST、PUT、DELETE」で何を学びますか？

HTTPメソッドにちなんだ名前のハンドラー関数をexportし、APIエンドポイントを構築します。 ブラウザで直接実行するハンズオンコードでSveltejs Academyを演習し、24時間対応のAIチューターがレッスンを進める中での質問に答えます。

Sveltejs Academyを始めるのに経験は必要ですか？

事前経験は必要ありません。CoddyKitのSveltejs Academyは初級者から上級者向けに構成されているため、ここから始めるか最初から始めて、自分のペースで進むことができます。 これはレッスン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に戻る