Workflow-Übersicht
Dieses Workflow experimentiert mit der Erstellung von HTML-Seiten basierend auf Benutzeranfragen unter Verwendung des neuen Structured Output von OpenAI. Durch die garantierte Struktur des Outputs ist es möglich, robuste AI-Anwendungen zu entwickeln.
Node-Beschreibung
1. Webhook
- Node-Name: Webhook
- Typ: n8n-nodes-base.webhook
- Funktion: Dieser Node empfängt Anfragen von externen Quellen über einen konfigurierten Webhook.
- Einstellungen:
- Webhook-Pfad: d962c916-6369-431a-9d80-af6e6a50fdf5
- Response-Modus: responseNode (antwortet direkt an den Aufrufer)
2. Open AI – Using Structured Output
- Node-Name: Open AI – Using Structured Output
- Typ: n8n-nodes-base.httpRequest
- Funktion: Sendet die Benutzereingabe an die OpenAI API und fordert eine strukturierte JSON-Antwort an.
- Einstellungen:
- URL: https://api.openai.com/v1/chat/completions
- Methode: POST
- JSON-Inhalt: Enthält die Benutzernachricht sowie die Anweisungen für das Modell.
3. OpenAI – JSON to HTML
- Node-Name: OpenAI – JSON to HTML
- Typ: @n8n/n8n-nodes-langchain.openAi
- Funktion: Wandelt die JSON-Antwort von OpenAI in HTML um.
- Einstellungen:
- Model-ID: gpt-4o-mini
- Optionen: Temperatur auf 0.2 gesetzt, um mehr deterministische Ergebnisse zu erzielen.
4. Format the HTML result
- Node-Name: Format the HTML result
- Typ: n8n-nodes-base.html
- Funktion: Formatierung des endgültigen HTML-Codes, um sicherzustellen, dass die Seite die richtige Struktur hat.
- Einstellungen:
- HTML: Enthält die HTML-Grundstruktur mit dynamischen Inhalten von den vorherigen Nodes.
5. Respond to Webhook
- Node-Name: Respond to Webhook
- Typ: n8n-nodes-base.respondToWebhook
- Funktion: Sendet die formatierte HTML-Seite als Antwort an den Webhook-Abruf zurück.
- Einstellungen:
- Response-Body: {{ $json.html }} (gibt den generierten HTML-Inhalt zurück)
Ergebnis
Dieses Workflow ermöglicht die dynamische Erstellung und Bereitstellung von HTML-Seiten, die aus Benutzeranfragen generiert werden. Es zeigt die Möglichkeiten der OpenAI API und wie strukturierte Outputs direkt in HTML umgewandelt werden können.
Weitere Informationen zur Ausführung finden Sie im Download-Link der Workflow-Datei.