Developer Settings

API Keys, Webhooks und Feature Flags.

3 Components · 15 Variants

Kategorie wechseln

Auf dieser Seite

Alle Components dieser Kategorie. Wähle eine, um zu ihren Variants zu springen.

API-Schlüssel5
Feature Flags5
Webhooks5

api-keys

API-Schlüssel

Screens für API-Schlüssel. Liste je Umgebung, neuer Schlüssel, der nur einmal erscheint, Rechte je Bereich, Nutzung mit Live-Anfragen und Erneuern ohne Ausfall.

Schlüsselliste
Schlüssel erstellen
Rechte
Nutzung
Schlüssel erneuern

Props und Details

Schlüsselliste

Live- und Testschlüssel mit verdecktem Geheimnis, Zugriff, letzter Nutzung und Widerruf, dazu ein Dialog, der einen Schlüssel erstellt und einmal zeigt.

Im Studio öffnen

Installv1.0.1

aiw add @ai-website/api-keys

Bringt mit utils, kit, button, icon, input, select, dialog, sidebar

Usage

<ApiKeys variant="list" title="API keys" keys={[{ id, name, env, prefix, last4, scopes, created, lastUsed }]} resources={[…]} />

Source

Schlüssel erstellen

Name, Umgebung als Karten, voller, eingeschränkter oder lesender Zugriff je Bereich und Ablauf, danach das Geheimnis einmal mit Kopieren und Bestätigung.

Im Studio öffnen

Installv1.0.1

aiw add @ai-website/api-keys

Bringt mit utils, kit, button, icon, input, select, dialog, sidebar

Usage

<ApiKeys variant="create" title="New API key" resources={[{ id, label, icon }]} keyPrefix="sk" />

Source

Rechte

Kein, Lesen oder Schreiben je Bereich mit einer Zusammenfassung, die das Ergebnis gruppiert, Alle-Knöpfen und Speicherleiste.

Im Studio öffnen

Installv1.0.1

aiw add @ai-website/api-keys

Bringt mit utils, kit, button, icon, input, select, dialog, sidebar

Usage

<ApiKeys variant="scopes" title="Permissions" apiKey={…} resources={[…]} />

Source

Nutzung

Anfragen, Fehlerquote und Antwortzeit, ein Tagesdiagramm, das sich per Tastatur lesen lässt, meistgenutzte Endpunkte und Live-Anfragen mit Statusfilter.

Im Studio öffnen

Installv1.0.1

aiw add @ai-website/api-keys

Bringt mit utils, kit, button, icon, input, select, dialog, sidebar

Usage

<ApiKeys variant="usage" title="Usage" apiKey={…} usage={{ days, endpoints, requests }} />

Source

Schlüssel erneuern

Wählen, wie lange der alte Schlüssel weiter funktioniert, beide Schlüssel auf einer Zeitachse sehen und das neue Geheimnis einmal erhalten.

Im Studio öffnen

Installv1.0.1

aiw add @ai-website/api-keys

Bringt mit utils, kit, button, icon, input, select, dialog, sidebar

Usage

<ApiKeys variant="rotate" title="Roll key" apiKey={…} keyPrefix="sk" />

Source

feature-flags

Feature Flags

Feature-Flag-Screens. Schalter je Umgebung, stufenweises Ausrollen mit Notaus, Zielregeln mit Testperson, A/B-Aufteilung mit Ergebnissen und ein Vergleich der Umgebungen.

Flag-Liste
Stufenweises Ausrollen
Zielregeln
A/B-Experiment
Umgebungen

Props und Details

Flag-Liste

Jedes Flag mit Schlüssel zum Kopieren, Verantwortlichen, Ausrollstand und einem Schalter je Umgebung, filterbar nach veralteten Flags oder Suche.

Im Studio öffnen

Installv1.0.1

aiw add @ai-website/feature-flags

Bringt mit utils, kit, button, icon, input, switch, sidebar

Usage

<FeatureFlags variant="flag-list" title="Flags" environments={[{ id, name }]} flags={[{ id, key, name, on, rollout, stale }]} />

Source

Stufenweises Ausrollen

Ein Anteilsregler mit 100 Personen, die sich füllen, die Stufen auf einer Linie und ein Notaus, der den Anteil behält.

Im Studio öffnen

Installv1.0.1

aiw add @ai-website/feature-flags

Bringt mit utils, kit, button, icon, input, switch, sidebar

Usage

<FeatureFlags variant="rollout" title="Rollout" flag={{ key, rollout }} stages={[5, 25, 50, 100]} />

Source

Zielregeln

Wenn-dann-Regeln in Reihenfolge mit Merkmal, Bedingung und Wert, ein Standard für alle anderen und eine Testperson, die zeigt, welche Regel greift.

Im Studio öffnen

Installv1.0.1

aiw add @ai-website/feature-flags

Bringt mit utils, kit, button, icon, input, switch, sidebar

Usage

<FeatureFlags variant="targeting" title="Targeting" rules={[{ id, attribute, operator, value, serve }]} attributes={[…]} variants={["on", "off"]} />

Source

A/B-Experiment

Ein Teilungsbalken zum Ziehen oder per Tasten, beide Varianten mit Quote, Unterschied zur Kontrolle und wie sicher das Ergebnis ist.

Im Studio öffnen

Installv1.0.1

aiw add @ai-website/feature-flags

Bringt mit utils, kit, button, icon, input, switch, sidebar

Usage

<FeatureFlags variant="experiment" title="Experiment" arms={[{ id, name, share, visitors, conversions, control }]} metric="Checkout rate" />

Source

Umgebungen

Das Flag in jeder Umgebung nebeneinander, Unterschiede markiert, und eine Kopie von einer Umgebung in die nächste.

Im Studio öffnen

Installv1.0.1

aiw add @ai-website/feature-flags

Bringt mit utils, kit, button, icon, input, switch, sidebar

Usage

<FeatureFlags variant="environments" title="Environments" environments={[…]} configs={[{ env, on, rollout, rules, fallback }]} />

Source

webhooks

Webhooks

Webhook-Screens. Endpunkte mit Zustand der letzten 24 Stunden, Ereignisauswahl, Zustellprotokoll mit Anfrage und Antwort, Ereigniskatalog und Testversand.

Endpunkte
Endpunkt hinzufügen
Zustellprotokoll
Ereigniskatalog
Testereignis

Props und Details

Endpunkte

Jeder Endpunkt mit Ereignissen, letzter Zustellung, Schalter zum Pausieren und Stundenbalken des letzten Tages, die bei Fehlern rot werden.

Im Studio öffnen

Installv1.0.1

aiw add @ai-website/webhooks

Bringt mit utils, kit, button, icon, input, select, switch, dialog, sidebar

Usage

<Webhooks variant="endpoints" title="Webhooks" endpoints={[{ id, url, events, enabled, health }]} events={[…]} />

Source

Endpunkt hinzufügen

URL mit https-Prüfung, Ereignisse in Gruppen mit Suche und Gruppenhaken, danach das Signaturgeheimnis einmal.

Im Studio öffnen

Installv1.0.1

aiw add @ai-website/webhooks

Bringt mit utils, kit, button, icon, input, select, switch, dialog, sidebar

Usage

<Webhooks variant="add-endpoint" title="Add endpoint" events={[{ type, group, description }]} />

Source

Zustellprotokoll

Zustellungen nach Ergebnis gefiltert, Detail mit Status, Dauer, Versuch, Anfrage und Antwort, dazu erneutes Senden mit neuem Versuch.

Im Studio öffnen

Installv1.0.1

aiw add @ai-website/webhooks

Bringt mit utils, kit, button, icon, input, select, switch, dialog, sidebar

Usage

<Webhooks variant="deliveries" title="Deliveries" deliveries={[{ id, event, endpoint, status, time, ms, attempt, payload }]} />

Source

Ereigniskatalog

Jeder Ereignistyp in Gruppen mit Suche, Beschreibung, wer es erhält, und ein Beispiel zum Kopieren.

Im Studio öffnen

Installv1.0.1

aiw add @ai-website/webhooks

Bringt mit utils, kit, button, icon, input, select, switch, dialog, sidebar

Usage

<Webhooks variant="event-catalog" title="Events" events={[{ type, group, description, example }]} endpoints={[…]} />

Source

Testereignis

Endpunkt und Ereignis wählen, Inhalt mit JSON-Prüfung bearbeiten und sehen, wie die Anfrage signiert, gesendet und beantwortet wird.

Im Studio öffnen

Installv1.0.1

aiw add @ai-website/webhooks

Bringt mit utils, kit, button, icon, input, select, switch, dialog, sidebar

Usage

<Webhooks variant="test-event" title="Test" endpoints={[…]} events={[…]} />

Source

Ähnliche Components

Mehr aus App, demselben Bereich des Kits.

Wird oft kombiniert mit

Sections, die auf einer Seite meist neben Developer Settings stehen.

In die Zwischenablage kopiert