0Pricing
Sveltejs Academy · Lektion

Umgebungsvariablen: $env/static und $env/dynamic

Greifen Sie in SvelteKit sicher auf dem Server und im Client auf Umgebungsvariablen zu.

Umgebungsvariablen: $env/static und $env/dynamic ist eine kostenlose Sveltejs Academy-Lektion auf CoddyKit. Dies ist Lektion 3 von 4. Du kannst die komplette Lektion unten kostenlos lesen – dann übst du sie direkt im Browser mit einem integrierten Code-Editor und einem KI-Tutor rund um die Uhr. Sie ist Teil des Sveltejs Academy-Lernpfads, und dein Fortschritt wird über Web und CoddyKit-App synchronisiert. Der Sveltejs Academy-Kurs umfasst insgesamt 4 Lektionen.

SvelteKit-env-API

SvelteKit stellt Umgebungsvariablen über vier Module bereit: static/private, static/public, dynamic/private und dynamic/public.

Statisch und privat

Wird zur Build-Zeit gelesen und ist nur auf dem Server verfügbar. Wird aus dem Client-Bundle entfernt.

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

Statisch und öffentlich

Wird zur Build-Zeit gelesen, muss mit PUBLIC_ beginnen und wird in das Client-Bundle aufgenommen.

import { PUBLIC_API_URL } from "$env/static/public";

Dynamisch und privat

Wird zur Laufzeit auf dem Server gelesen. Nützlich, wenn Sie die Konfiguration ohne erneuten Build ändern möchten.

import { env } from "$env/dynamic/private";
console.log(env.SECRET);

Dynamisch und öffentlich

Wird zur Laufzeit gelesen und ist auf Client und Server verfügbar. Muss mit PUBLIC_ beginnen.

Die richtige Wahl treffen

Verwenden Sie static, wenn sich Werte zur Laufzeit nicht ändern, und dynamic, wenn sie sich ändern (z. B. bei Feature-Flags).

Geheimnisse niemals öffentlich machen

Stellen Sie Geheimnissen niemals das Präfix PUBLIC_ voran. Andernfalls gelangen sie in das Client-Bundle.

Env-Datei

Speichern Sie Werte in .env (von Git ignoriert) und .env.example (committet).

Typsicherheit

Statische Variablen werden automatisch typisiert. Dynamische Variablen werden über Record typisiert.

Vercel und Cloudflare

Jede Plattform verfügt über eine eigene Oberfläche für Umgebungsvariablen. Synchronisieren Sie die Umgebungen bewusst.

Tests

Simulieren Sie Env-Module in Tests, wenn Ihr Code von ihnen abhängt.

Kurztest

Welches Präfix ist für öffentliche Umgebungsvariablen erforderlich?

Zusammenfassung

Verwenden Sie $env/static/private für Geheimnisse und Variablen mit dem Präfix PUBLIC_ für client-sichere Werte. Wählen Sie static oder dynamic je nach Bedarf.

Häufig gestellte Fragen

Ist die Lektion „Umgebungsvariablen: $env/static und $env/dynamic“ kostenlos?

Ja — der vollständige Text von „Umgebungsvariablen: $env/static und $env/dynamic“ ist hier im Web kostenlos zu lesen. Um sie interaktiv zu üben (integrierter Code-Editor und 24/7 KI-Tutor) und den Rest des Sveltejs Academy-Kurses freizuschalten, upgrade auf CoddyKit PRO. Der Sveltejs Academy-Kurs umfasst insgesamt 4 Lektionen.

Was lerne ich in „Umgebungsvariablen: $env/static und $env/dynamic“?

Greifen Sie in SvelteKit sicher auf dem Server und im Client auf Umgebungsvariablen zu. Du übst Sveltejs Academy mit praktischem Code, den du direkt im Browser ausführst, und ein 24/7 KI-Tutor beantwortet deine Fragen während du die Lektion bearbeitest.

Brauche ich Erfahrung, um Sveltejs Academy zu starten?

Keine Vorkenntnisse erforderlich. Sveltejs Academy auf CoddyKit ist für Anfänger bis fortgeschrittene Lernende strukturiert, sodass du hier starten oder von Anfang an beginnen und in deinem eigenen Tempo voranschreiten kannst. Dies ist Lektion 3 von 4.

Wie lange dauert die Lektion „Umgebungsvariablen: $env/static und $env/dynamic“?

Die meisten CoddyKit-Lektionen dauern etwa 5–10 Minuten. Jede ist kompakt und interaktiv, sodass du stetig Fortschritte machst und genau dort weitermachst, wo du aufgehört hast – im Web und in der App.

Kann ich in dieser Sveltejs Academy-Lektion Code schreiben und ausführen?

Ja. Jede Sveltejs Academy-Lektion enthält einen integrierten Code-Editor, sodass du echten Code direkt in deinem Browser schreibst und ausführst und sofort KI-Feedback erhältst — ohne lokale Einrichtung erforderlich.

Alle Lektionen in diesem Kurs

  1. CSRF-Schutz in Form Actions
  2. XSS-Prävention in {#html}
  3. Umgebungsvariablen: $env/static und $env/dynamic
  4. Rate Limiting mit Hooks
← Zurück zu Sveltejs Academy