> ## Documentation Index
> Fetch the complete documentation index at: https://docs.kameleoon.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Schnellstart

> Vergleichen Sie die Web-, Serverseitigen und mobilen SDKs von Kameleoon auf einen Blick und springen Sie direkt zu dem SDK, das Sie installieren und initialisieren müssen.

Kameleoon stellt für jede wichtige Web-, Serverseitige und mobile Plattform ein eigenes SDK bereit. Suchen Sie unten das SDK für Ihren Stack und folgen Sie dem Link zu den genauen Einrichtungsschritten auf der Referenzseite dieses SDKs.

## Bevor Sie beginnen

* **Ein Kameleoon-Projekt.** Jedes SDK benötigt einen Site-Code, um sich mit Ihrem Kameleoon-Konto zu verbinden. Wenn Sie noch keinen haben, [fügen Sie ein neues Projekt hinzu](../../user-manual/project-management/manage-your-projects#neues-projekt-hinzufügen) und wählen Sie auf Nachfrage die SDK-Option.
* **API-Anmeldeinformationen für Serverseitige SDKs.** Serverseitige SDKs authentifizieren sich mit einer Client-ID und einem Client-Secret. Sie finden diese Werte unter [API-Anmeldeinformationen](../../user-manual/account-and-team-management/users-and-teams/api-credentials) oder können sie dort generieren. Clientseitige und mobile SDKs authentifizieren sich allein mit dem Site-Code Ihres Projekts.
* **Ein Feature Flag zum Testen.** [Erstellen Sie ein Feature Flag](../../user-manual/experimentation/feature-experimentation/create-and-manage-flags/create-a-feature-flag) in Ihrem Konto, damit Sie nach der Initialisierung des Clients etwas zum Überprüfen haben.

## SDK auswählen

Wählen Sie Ihre Plattform und anschließend Ihre Sprache. Jede Karte verweist direkt auf die Installations- und Initialisierungsschritte des jeweiligen SDKs.

### Web

<CardGroup cols={2}>
  <Card title="JavaScript/TypeScript" icon="js" href="/de/developer-docs/sdks/web-sdks/js-sdk#erste-schritte">
    Frameworkunabhängiges clientseitiges SDK für jede Web-App. Installieren Sie es mit dem SDK Installer oder mit einem einzelnen `<script>`-Tag ohne Build-Schritt.
  </Card>

  <Card title="React" icon="react" href="/de/developer-docs/sdks/web-sdks/react-js-sdk#erste-schritte">
    React-Bindings mit Hooks und einer Provider-Komponente. Installieren Sie es mit dem SDK Installer.
  </Card>
</CardGroup>

### Serverseitig

<CardGroup cols={3}>
  <Card title="Node.js" icon="node-js" href="/de/developer-docs/sdks/web-sdks/nodejs-sdk#erste-schritte">
    Serverseitiges SDK für Node.js, mit manueller Konfiguration für Deno. Installieren Sie es mit dem SDK Installer.
  </Card>

  <Card title="Java" icon="java" href="/de/developer-docs/sdks/web-sdks/java-sdk#erste-schritte">
    Läuft auf Java-EE- oder Jakarta-EE-Anwendungsservern. Installieren Sie es über Maven Central.
  </Card>

  <Card title="C#" icon="https://mintcdn.com/kameleoon/p9T1ivU-Y7xsfvqu/images/csharp-icon.svg?fit=max&auto=format&n=p9T1ivU-Y7xsfvqu&q=85&s=74b9bd4d241b0946a3021fffb00b77c3" href="/de/developer-docs/sdks/web-sdks/csharp-sdk#erste-schritte" width="128" height="128" data-path="images/csharp-icon.svg">
    Läuft auf .NET-Anwendungsservern. Installieren Sie es mit NuGet, der .NET CLI oder Paket.
  </Card>

  <Card title="PHP" icon="php" href="/de/developer-docs/sdks/web-sdks/php-sdk#erste-schritte">
    Läuft auf PHP-Backend-Servern, optional mit Tracking von Cron-Jobs. Installieren Sie es mit Composer.
  </Card>

  <Card title="Python" icon="python" href="/de/developer-docs/sdks/web-sdks/python-sdk#erste-schritte">
    Läuft auf Python-Backend-Servern, einschließlich Django. Installieren Sie es mit pip.
  </Card>

  <Card title="Ruby" icon="https://mintcdn.com/kameleoon/p9T1ivU-Y7xsfvqu/images/ruby-icon.svg?fit=max&auto=format&n=p9T1ivU-Y7xsfvqu&q=85&s=e741131bb9f0d64e256376a603e598be" href="/de/developer-docs/sdks/web-sdks/ruby-sdk#erste-schritte" width="24" height="24" data-path="images/ruby-icon.svg">
    Läuft auf Ruby-Backend-Servern und Rails-Apps. Installieren Sie es mit RubyGems.
  </Card>

  <Card title="Go" icon="golang" href="/de/developer-docs/sdks/web-sdks/go-sdk#erste-schritte">
    Läuft in Go-Web-Apps und -Diensten. Installieren Sie es mit `go get` direkt aus dem Kameleoon-GitHub-Repository.
  </Card>

  <Card title="Rust" icon="rust" href="/de/developer-docs/sdks/web-sdks/rust-sdk#erste-schritte">
    Läuft in Rust-Diensten und Web-Backends. Erfordert eine asynchrone Laufzeitumgebung wie `tokio`. Installieren Sie es mit Cargo.
  </Card>

  <Card title="Elixir" icon="https://mintcdn.com/kameleoon/MNIWYtyXD0AitEFA/images/elixir-icon.svg?fit=max&auto=format&n=MNIWYtyXD0AitEFA&q=85&s=2238b2e7ff8124e338385674da760443" href="/de/developer-docs/sdks/web-sdks/elixir-sdk#erste-schritte" width="24" height="24" data-path="images/elixir-icon.svg">
    Läuft in Elixir-Diensten und Web-Backends. Enthält nativen Code, der aus dem Rust-Kern erstellt wird, daher müssen Rust und Cargo in Ihrem `PATH` verfügbar sein. Installieren Sie es mit Mix.
  </Card>
</CardGroup>

### Mobil

<CardGroup cols={2}>
  <Card title="Android" icon="android" href="/de/developer-docs/sdks/mobile-sdks/android-sdk#erste-schritte">
    Für native Android-Apps. Installieren Sie es mit Gradle.
  </Card>

  <Card title="iOS" icon="swift" href="/de/developer-docs/sdks/mobile-sdks/ios-sdk#erste-schritte">
    Für native iOS-Apps, die mit Swift 5.0 oder höher entwickelt wurden. Installieren Sie es mit CocoaPods oder dem Swift Package Manager.
  </Card>

  <Card title="Flutter" icon="flutter" href="/de/developer-docs/sdks/mobile-sdks/flutter-sdk#erste-schritte">
    Für alle Plattformen, die das Flutter-Framework unterstützt. Installieren Sie es, indem Sie in `pubspec.yaml` eine Abhängigkeit deklarieren.
  </Card>

  <Card title="React Native" icon="react" href="/de/developer-docs/sdks/mobile-sdks/react-native-sdk#erste-schritte">
    Verwendet dasselbe Paket `@kameleoon/react-sdk` wie das React SDK, mit eingebundenen React-Native-spezifischen Abhängigkeiten. Installieren Sie es mit dem SDK Installer.
  </Card>
</CardGroup>

## Prüfen, ob das SDK initialisiert ist

Jedes Kameleoon SDK wird asynchron initialisiert: Der Client beginnt im Hintergrund mit dem Abruf Ihrer Flag-Konfiguration, sobald Sie ihn erstellen, und ist kurz danach bereit. Wenn Sie ein Flag auswerten, bevor der Client bereit ist, kann statt der erwarteten Variation eine Standard- oder Referenzvariation zurückgegeben werden. Prüfen Sie daher die Bereitschaft, bevor Sie sich auf Flag-Ergebnisse verlassen.

Web- und Serverseitige SDKs stellen jeweils einen blockierenden Aufruf bereit, der auf den Abschluss dieses ersten Abrufs wartet:

| Sprache | Blockierender Aufruf |
| - | - |
| JavaScript, React, React Native, Node.js, Rust | `initialize()` |
| Elixir | `Client.initialize/1` |
| Java, C#, PHP | `waitInit()` |
| Python, Ruby | `wait_init()` |
| Go | `WaitInit()` |

Android, iOS und Flutter blockieren die Client-Erstellung nicht, bis der erste Abruf abgeschlossen ist. Verwenden Sie stattdessen die für das jeweilige SDK dokumentierte Bereitschaftsprüfung, etwa `isReady()` (Android), `.ready` (iOS) oder `isReadyAsync()` (Flutter), oder kapseln Sie die Flag-Auswertung im `runWhenReady()`-Callback des SDKs.

Sobald der Client bereit ist, werten Sie das zuvor erstellte Feature Flag aus, um die Integration durchgängig zu bestätigen. Den gesamten Lebenszyklus von der Initialisierung über die Flag-Auswertung bis zum Tracking beschreibt der [SDK-Ausführungsablauf](../feature-experimentation/get-started/sdk-execution-flow).

## Nächste Schritte

* [Tutorial zur SDK-Einrichtung und zu Feature Flags](../feature-experimentation/get-started/sdk-setup-and-feature-flag-tutorial): eine ausführlichere Anleitung zum Aktivieren eines Feature Flags, mit dem Node.js SDK als Referenzimplementierung.
* [Unterstützte Plattformen](../feature-experimentation/get-started/overview#unterstützte-plattformen): die vollständige Kompatibilitätsmatrix der SDK-Versionen und Funktionen nach Sprache.
* [SDKs plattformübergreifend koordinieren](../feature-experimentation/get-started/cross-platform-sdks): Geben Sie denselben Besuchercode zwischen Web-, mobilen und Serverseitigen SDKs weiter, damit Besucher überall dieselbe Erfahrung haben.
