Generator für Client-ID und Client-Secret

Erzeuge zufällige OAuth-Client-IDs und Client-Secrets im Browser mit frei wählbarem Präfix, Länge und Anzahl.

Tool öffnen Zurück zu den Tools
// about

Über dieses Tool

Dieses Tool erzeugt zufällige Client-IDs und Secrets lokal im Browser. Es eignet sich für Entwicklung und Tests; speichere Secrets in einem sicheren Tresor.

So verwenden Sie es

  1. Gib Präfix, Secret-Länge und Anzahl ein.
  2. Klicke auf Generieren und prüfe die erzeugten Werte.
  3. Kopiere das Ergebnis in einen sicheren Tresor; gelöschte Secrets sind nicht wiederherstellbar.

Warum dieses Tool genutzt wird

  • Erzeuge mehrere Anmeldedaten mit eigenem Präfix in wenigen Sekunden.
  • Wähle eine Secret-Länge zwischen 24 und 128 Zeichen.
  • Die Generierung erfolgt im Browser und wird nicht an den Server gesendet.

Häufig gestellte Fragen (FAQ)

Werden die Zugangsdaten gespeichert?

Nein. Sie werden im Browser erzeugt und von der Seite nicht gespeichert.

Wie lang darf das Secret sein?

Du kannst 24 bis 128 Zeichen auswählen.

Kann ich sie produktiv verwenden?

Nutze sie für Entwicklung und Tests. Für Produktion gelten die Richtlinien des Anbieters und ein verwalteter Secret-Tresor.

Ratgeber · Sicherheit · 8 Min. Lesezeit

Ein sicheres Passwort erstellen: Länge, Entropie und Passwortmanager

Regeln wie „mindestens ein Sonderzeichen“ kennt jeder, doch was ein Passwort wirklich stark macht, sind Zufall und Länge. Die Rechnung zeigt deutlich, warum manche Passwörter schwach sind.

Angreifer nutzen vor allem drei Methoden: Credential Stuffing, bei dem aus anderen Websites geleakte Benutzernamen und Passwörter erneut ausprobiert werden; Wörterbuchangriffe, die gängige Passwörter und Wörter testen; und Brute Force, die jede Kombination durchprobiert.

6 Ziffern                          : 6 × log2(10)  ≈ 20 Bit
16 zufällige Kleinbuchstaben       : 16 × log2(26) ≈ 75 Bit
12 zufällige Zeichen aus 94        : 12 × log2(94) ≈ 79 Bit
16 zufällige Buchstaben und Ziffern: 16 × log2(62) ≈ 95 Bit
Passwort-Entropie berechnen, warum Länge Komplexitätsregeln schlägt, welche Muster Sie meiden sollten und wie ein Passwortmanager hilft.
Ratgeber lesen →

Passende Ratgeber

Daten 7 Min. Lesezeit

UUID-Leitfaden: v4 oder v7 und UUIDs als Primärschlüssel in Datenbanken

Aufbau einer UUID, Unterschiede der Versionen, warum Kollisionen praktisch ausgeschlossen sind und warum v7 bei Primärschlüsseln v4 ablöst.

Ratgeber lesen
Mit KI bauen

Dieses Tool selbst mit KI bauen

Sie möchten eine eigene Version? Kopieren Sie den Arbeitsauftrag in einen KI-Chat oder speichern Sie die Skill-Datei für einen KI-Coding-Agenten. Beide enthalten die Funktionen, Sonderfälle und Testfälle, die wir verwendet haben.

Prompt und Skill sind auf Englisch, das KI-Tools in jeder Sprache gut verstehen.

KI-Arbeitsauftrag (Prompt)

Unverändert in Claude, ChatGPT oder Gemini einfügen.

You are an experienced full-stack web developer. Build a web tool called "Generator für Client-Anmeldedaten" that meets the requirements below.

## Goal

Build a tool that securely generates client IDs and client secrets for API integrations.

## Core features

- Client IDs with a prefix (e.g. app_)
- Secrets with selectable length and character set
- Base64URL or hex output
- Preview as .env variables
- Copy each item

## Inputs

- Prefix, secret length in bytes, output format

## Outputs

- Client ID
- Client secret
- .env formatted text

## Edge cases and handling rules

- Recommend at least 32 bytes for secrets
- Never send or store generated values on a server
- Use only URL- and header-safe characters
- Warn that values disappear on refresh

## Implementation requirements

- Build it as a single page (HTML, CSS, JavaScript) that runs entirely in the browser, and never send the user's input to a server.
- Make the UI responsive and easy to use on mobile; label every input and keep everything keyboard accessible.
- Add a Copy button for results and show clear, friendly error messages for invalid input.
- Keep the core logic in functions separate from the UI so it can be unit-tested.

## Definition of done (test cases)

- A 32-byte Base64URL secret is 43 characters without padding
- Consecutive values differ
- IDs start with the chosen prefix

First outline your implementation plan in at most five lines, then write the complete code, and finally explain how to check the test cases above.

Skill (SKILL.md)

Als .claude/skills/build-client-credential-generator/SKILL.md speichern, damit Agenten wie Claude Code es bei jeder Änderung am Tool wiederverwenden.

---
name: build-client-credential-generator
description: Use when building or changing a Generator für Client-Anmeldedaten tool. Build a tool that securely generates client IDs and client secrets for API integrations.
---

# Build: Generator für Client-Anmeldedaten

## Goal

Build a tool that securely generates client IDs and client secrets for API integrations.

## Workflow

1. Review the required features, inputs and outputs below and ask about anything missing first.
2. Implement the core logic as pure functions separate from the UI.
3. Check the logic against the test cases in the verification list.
4. Build a responsive UI with an input form, a result area and a Copy button.
5. Reproduce each edge case listed under Rules and refine the error messages.

## Core features

- Client IDs with a prefix (e.g. app_)
- Secrets with selectable length and character set
- Base64URL or hex output
- Preview as .env variables
- Copy each item

## Inputs

- Prefix, secret length in bytes, output format

## Outputs

- Client ID
- Client secret
- .env formatted text

## Rules

- Recommend at least 32 bytes for secrets
- Never send or store generated values on a server
- Use only URL- and header-safe characters
- Warn that values disappear on refresh
- Build it as a single page (HTML, CSS, JavaScript) that runs entirely in the browser, and never send the user's input to a server.

## Verification

- [ ] A 32-byte Base64URL secret is 43 characters without padding
- [ ] Consecutive values differ
- [ ] IDs start with the chosen prefix

Tipps für die Arbeit mit KI

  • Nennen Sie in der ersten Zeile Ihren Stack (React, Vue oder reines HTML), damit der Code passt.
  • Lassen Sie die KI die Testfälle ausführen und die Ergebnisse zeigen, bevor Sie den Code übernehmen.
  • Fügen Sie keine echten Passwörter, Kundendaten oder API-Schlüssel ein; nutzen Sie Beispielwerte.