Sveltejs Academy · レッスン

JSONレスポンスを返す

json()ヘルパーを使用して、正しいcontent-typeを持つ構造化JSONを返します。

レッスン 3/413 ステップ

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

jsonヘルパー

@sveltejs/kitのjson()を使用して、適切なヘッダー付きのJSONを返します。

import { json } from "@sveltejs/kit";
return json({ ok: true });

ステータスコード

第2引数にオプションオブジェクトを渡して、ステータスや追加のヘッダーを制御します。

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

カスタムヘッダー

キャッシュ制御、CORSなどの設定をheadersで追加できます。

return json(data, { headers: { "cache-control": "max-age=60" } });

手動レスポンス

JSON以外のボディが必要な場合は、通常のResponseオブジェクトを返すこともできます。

return new Response("plain text", { headers: { "content-type": "text/plain" } });

型安全なボディ

TypeScriptを使うと、利用側の利便性のためにレスポンスボディへ型を付けられます。

JSONのストリーミング

大量のコレクションには、改行区切りJSONのチャンクをストリーミングします。

ページネーション

わかりやすいページネーションを実現するため、レスポンスにnextCursorやページメタデータを含めます。

エラー形式

明確性を保つため、{ error: { code, message } }のように一貫したエラーエンベロープを採用します。

ETagキャッシュ

安定したレスポンスにETagヘッダーを設定して、HTTPレベルのキャッシュを利用します。

コンテンツネゴシエーション

Acceptヘッダーを使用して、JSONとその他の形式を切り替えます。

ベストプラクティス

エラー時も含め、APIでは常にJSONを返します。クライアントは一貫した形式を期待します。

クイックチェック

適切なヘッダー付きのJSONはどのように返しますか?

復習

ステータスとヘッダーを指定した使いやすいJSONレスポンスにはjson()を使用します。JSON以外の場合は通常のResponseを返します。

無料で開始

AI チューターと学ぶ HTML — 無料

ブラウザでリアルコードを書いて実行し、24/7 の AI チューターから瞬時にサポートを受け、ウェブまたはアプリで続きから学習できます。

コース
41
レッスン
163

よくある質問

「JSONレスポンスを返す」レッスンは無料ですか?

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

「JSONレスポンスを返す」で何を学びますか?

json()ヘルパーを使用して、正しいcontent-typeを持つ構造化JSONを返します。 ブラウザで直接実行するハンズオンコードでSveltejs Academyを演習し、24時間対応のAIチューターがレッスンを進める中での質問に答えます。

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

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

「JSONレスポンスを返す」レッスンにはどのくらい時間がかかりますか?

ほとんどのCoddyKitレッスンは約5~10分かかります。各レッスンはコンパクトでインタラクティブなので、着実に進歩し、ウェブとアプリ全体で正確に前回の場所から再開できます。

このSveltejs Academyレッスンでコードを書いて実行できますか?

はい。すべてのSveltejs Academyレッスンに組み込みコードエディタが含まれているため、ブラウザでリアルコードを書いて実行し、即座のAIフィードバックを取得できます。ローカル設定は不要です。

このコースのすべてのレッスン

  1. +server.js:GET、POST、PUT、DELETE
  2. RequestとRequestEvent
  3. JSONレスポンスを返す
  4. ReadableStreamによるストリーミング
← Sveltejs Academyに戻る