Skip to main content

Ein benutzerdefiniertes Dashboard für die API-Nutzung erstellen

Devin verfügt über ein integriertes Nutzungs-Dashboard, aber wenn Sie benutzerdefinierte Kennzahlen benötigen oder Devin-Daten mit anderen Quellen kombinieren möchten, lassen Sie Devin mit der v3-API eine maßgeschneiderte Version erstellen.
AuthorCognition
CategoryDaten & Analysen
FeaturesAPI
1

Einen Dienstbenutzer für den API-Zugriff erstellen

Die v3 API authentifiziert sich mit Dienstbenutzer-Token, nicht mit persönlichen API keys. Sie müssen einen anlegen, bevor Devin Daten abrufen kann.
  1. Gehen Sie zu app.devin.ai > Settings > Service Users
  2. Klicken Sie auf Create Service User und weisen Sie ihm eine Rolle mit den Berechtigungen ViewAccountMetrics und ManageBilling zu — diese werden benötigt, um Sitzungsmetriken und Verbrauchsdaten zu lesen
  3. Kopieren Sie das nach der Erstellung angezeigte API-Token — es wird nur einmal angezeigt
  4. Speichern Sie das Token als Secret mit dem Namen DEVIN_SERVICE_USER_TOKEN, damit Devin es während der Session verwenden kann, ohne es hardcodieren zu müssen
Details zur Authentifizierung mit Dienstbenutzern finden Sie im v3 API Authentication Guide.
2

Devin sagen, was es bauen soll

Devin hat nativen Zugriff auf seine eigene Dokumentation über das Devin docs MCP — Sie müssen die API-Referenz nicht in den Prompt einfügen. Zeigen Sie Devin einfach die richtigen Endpunkte, und es liest die Doku, um Request-Formate, Query-Parameter und Response-Strukturen zu lernen.
3

Was Devin baut

Devin liest die v3 API-Dokumentation über das docs MCP, um die exakten Request-Formate zu lernen, und erstellt dann das Grundgerüst der App:
  1. Liest die API-Dokumentation — Durchsucht das Devin docs MCP nach den Schemas der Consumption- und Metrics-Endpunkte und lernt dabei Query-Parameter wie start_date, end_date und Response-Strukturen
  2. Erstellt API-Routen — Baut Next.js-API-Routen, die Requests an https://api.devin.ai/v3/enterprise/* weiterleiten und dabei das Dienstbenutzer-Token aus dem Secret DEVIN_SERVICE_USER_TOKEN verwenden
  3. Baut das Dashboard-UI — Erstellt eine responsive Dashboard-Seite mit Recharts, einschließlich:
    • KPI-Karten, die Gesamtsessions, verbrauchte ACUs und wöchentliche aktive Nutzer anzeigen
    • Ein Zeitreihendiagramm des täglichen Verbrauchs aus dem Endpoint /consumption/daily/organizations
    • Eine Aufschlüsselung pro Nutzer aus /consumption/daily/users
    • Eine Session-Tabelle aus dem Sessions-Listen-Endpunkt mit Status, Dauer und ACU-Kosten
  4. Fügt Filterung hinzu — Verdrahtet einen Datumsbereichs-Selektor, der alle Endpunkte mit aktualisierten start_date- und end_date-Parametern neu abruft
  5. Öffnet einen PR — Pusht die App mit einer README.md, die Umgebungsvariablen, das lokale Dev-Setup (npm run dev) und das Deployment zu Vercel beschreibt
4

Das Dashboard erweitern

Sobald das Basis-Dashboard funktioniert, bitten Sie Devin in Folgenachrichten, weitere Panels hinzuzufügen: