Dokumentation

Erfahren Sie, wie Sie Ihre n8n-Workflows in professionelle Oberflächen verwandeln.

Erste Schritte

FlowUI analysiert die JSON-Struktur Ihrer n8n-Workflow-Datei und sucht nach Einstiegspunkten wie Webhooks oder Form Triggers, um die Eingabefelder zu generieren.

Workflow exportierenÖffnen Sie im n8n-Editor das Workflow-Menü (oben rechts) und wählen Sie "Download". So erhalten Sie eine .json-Datei.
In FlowUI importierenGehen Sie zur Erstellungsseite und laden Sie die JSON-Datei hoch oder fügen Sie den Code direkt in den Editor ein.
AnpassenFlowUI erkennt Felder automatisch. Sie können das generierte Formular im Bereich "Live-Vorschau" prüfen.
Bereitstellen(Demnächst) Speichern Sie das Formular und erhalten Sie einen öffentlichen Link oder Einbettungscode für Ihre Website.

Workflow vorbereiten

Unterstützte Trigger-Nodes

FlowUI unterstützt derzeit folgende Trigger-Nodes für die automatische Formulargenerierung:

Webhookn8n-nodes-base.webhook
Form Triggern8n-nodes-base.formTrigger

Eingaben definieren

Stellen Sie sicher, dass Ihr Webhook-Node für Body-Parameter oder Query-Parameter konfiguriert ist. FlowUI versucht, Typen (String, Number, Boolean) aus Beispieldaten abzuleiten, falls vorhanden.

// Beispiel: Webhook-Body-Erwartung

{
  "customer_name": "string",
  "customer_email": "string",
  "quantity": 1,
  "is_urgent": false
}

Best Practices

Klare Parameternamen verwenden

Vermeiden Sie kryptische Schlüssel wie param1. Verwenden Sie beschreibende Schlüssel wie customer_email. FlowUI wandelt snake_case automatisch in Title Case für Beschriftungen um.

Strukturierte Antworten zurückgeben

Stellen Sie sicher, dass der letzte Node in Ihrem Workflow ein JSON-Objekt mit einem success-Boolean und einem message-String für beste Nutzererfahrung zurückgibt.

Webhooks absichern

Sichern Sie Ihre n8n-Instanz mit Basic Auth oder Header Auth für sensible Workflows, um unbefugten Zugriff zu verhindern.

Fehler abfangen

Verwenden Sie den "Error Trigger"-Node in n8n oder "Continue On Fail", um verständliche Fehlermeldungen zurückzugeben, wenn ein Schritt (z. B. Datenbank-Insert) fehlschlägt.

Sicherheit & Datenschutz

FlowUI läuft in der Generierungsphase clientseitig. Wir speichern Ihre Workflow-JSON nicht auf unseren Servern, außer Sie speichern explizit ein Formular (für angemeldete Nutzer).

Bei der Workflow-Ausführung werden Anfragen sicher per Proxy geleitet (CORS). Ihre n8n-Zugangsdaten werden nie im Klartext gespeichert und nur für die Dauer der Sitzung verwendet.