0Pricing
Sveltejs Academy · レッスン

サーバー専用ロジックのための+page.server.js

+page.server.jsを使用して、秘密情報やデータベース呼び出しをサーバー側に保持します。

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

サーバー専用にする理由

データベースへのアクセス、秘密のAPIキー、ファイルシステムへのアクセスなど、一部のデータはサーバー上に保持する必要があります。

ファイル名

+page.jsの代わりに+page.server.jsを使用します。

同じインターフェース

+page.jsと同じようにloadをexportします。SvelteKitがサーバー専用として認識します。

import { db } from "$lib/server/db";
export async function load({ params }) {
  const post = await db.posts.find(params.slug);
  return { post };
}

クライアントバンドルから除外

このファイルとそのimportはクライアントバンドルから除外されます。秘密情報は安全に保たれます。

環境変数

サーバー上だけで使用したい秘密情報には$env/static/privateを使用します。

import { DB_URL } from "$env/static/private";

データベース接続

DBクライアントは$lib/serverモジュール内で初期化し、クライアントに渡らないようにします。

+page.jsとの組み合わせ

両方が存在する場合は、サーバーのloadが先に実行され、その結果がユニバーサルloadに渡されます。

フォームアクション

サーバー専用ファイルには、フォームアクションのハンドラーも配置できます（次のコースで扱います）。

認証

ここでCookieとセッション情報を読み取ります。cookiesヘルパーを使用してヘッダーを設定します。

パフォーマンス

サーバーのloadはリクエストごとに実行されるため、HTTPキャッシュやメモ化を使って適切にキャッシュします。

型安全性

サーバーのloadの型は./$typesを通じて自動的にページへ引き継がれます。

クイックチェック

+page.server.jsのコードはどこで実行されますか？

復習

サーバー専用のロジックには+page.server.jsを使用します。このファイルはクライアントバンドルから除外されます。

よくある質問

「サーバー専用ロジックのための+page.server.js」レッスンは無料ですか？

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

「サーバー専用ロジックのための+page.server.js」で何を学びますか？

+page.server.jsを使用して、秘密情報やデータベース呼び出しをサーバー側に保持します。 ブラウザで直接実行するハンズオンコードでSveltejs Academyを演習し、24時間対応のAIチューターがレッスンを進める中での質問に答えます。

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

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

「サーバー専用ロジックのための+page.server.js」レッスンにはどのくらい時間がかかりますか？

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

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

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

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

  1. +page.jsのload関数
  2. データの返却と$page.dataの使用
  3. loadでのエラー処理
  4. サーバー専用ロジックのための+page.server.js
← Sveltejs Academyに戻る