Générer une page HTML depuis une requête avec OpenAI
Une requête texte envoyée à l'URL du webhook ressort sous forme de page HTML, prête à être affichée. Il sert surtout à voir ce que la sortie structurée d'OpenAI permet de produire : la réponse du modèle suit un format JSON défini, puis elle est convertie en HTML. Les pages obtenues restent inégales, c'est une expérimentation.
- Déclencheur
- Webhook
- Taille
- 5 nœuds
- Outils
- Requêtes HTTP (API), OpenAI
Comment fonctionne ce workflow
- 1
Le nœud Webhook reçoit le paramètre query de l'URL de production.
- 2
Le nœud HTTP Request envoie la requête à l'API OpenAI avec un format de réponse JSON défini, et récupère une liste de composants HTML avec leurs attributs.
- 3
Le nœud OpenAI convertit cette réponse JSON en HTML.
- 4
Le nœud HTML place le résultat dans un conteneur HTML, mis en forme avec Tailwind CSS.
- 5
Le nœud Respond to Webhook renvoie la page générée à l'utilisateur.
Quand l'utiliser
- Prototyper rapidement un formulaire d'inscription à partir d'une simple description.
- Tester ce que donne la sortie structurée d'OpenAI pour générer des interfaces.
- Servir une page créée à la demande derrière une URL webhook.
À préparer avant l'import
- Un compte OpenAI avec une clé API.
- La clé API OpenAI enregistrée comme identifiant dans n8n pour le nœud HTTP Request.
- Un identifiant OpenAI configuré dans n8n pour le nœud OpenAI.
- L'URL de production du webhook, disponible une fois le workflow activé.
Bon à savoir
Activez le workflow avant d'appeler l'URL de production, puis ajoutez le paramètre query, par exemple ?query=a%20signup%20form. Attendez-vous à des résultats inégaux.
Installer ce template dans n8n
- Téléchargez le fichier JSON avec le bouton en haut de la page.
- Dans n8n, ouvrez le menu d'un workflow vide, choisissez « Import from File » et sélectionnez le fichier.
- Reliez vos propres identifiants à chaque nœud qui en demande un, lancez un test, puis activez le workflow.
Ce template fonctionne sur n8n auto-hébergé comme sur n8n Cloud. Les nœuds IA demandent une version récente de n8n.
Autres templates : Développement & Outils
- Préparer Supabase et Postgres pour un agent IAUn agent IA Google Gemini relié à Supabase, avec sa mémoire de conversation stockée dans PostgreSQL.
- Résumer les erreurs de workflow par IA et les envoyer par GmailUn workflow qui résume par IA chaque erreur d'un autre workflow et vous l'envoie par e-mail.
- Piloter Proxmox VE en langage naturel avec un agent IAUn agent IA traduit une demande en appel à l'API Proxmox VE et explique la réponse de Proxmox.
- Exposer Gmail à un agent IA via un serveur MCPUn serveur MCP qui expose Gmail à un agent IA, avec des outils pour les messages, les libellés, les brouillons et les fils.
- Exposer une base PostgreSQL à un agent IA via MCPUn serveur MCP qui permet à un agent IA de lire, ajouter et modifier des données dans une base PostgreSQL, sans SQL libre.
- Revoir les pull requests GitHub avec un agent IAUn agent IA lit les diffs d'une pull request GitHub et publie sa revue en commentaire.
Vous voulez ce workflow branché sur vos outils ?
Ce template est un point de départ. Nous l'adaptons à vos règles, à vos comptes et à votre hébergement, puis nous le maintenons.
Voir notre accompagnement n8n