Bonjour,
Voici un développement permettant de stocker et rendre accessibles des workflows n8n pré-configurés pour les utilisateurs finaux via deux widgets Grist appropriés :
- Un widget utilisateur permettant de rechercher, configurer et exécuter des workflows
- Un widget admin permettant de créer et configurer les workflows avec détection automatique des inputs
Ressources
Vue Utilisateur - Exécuter des Workflows
Fonctionnalités clés :
Recherche de workflows par nom, description ou catégorie
Affichage en cartes avec icônes et métadonnées
Formulaire dynamique généré automatiquement selon la configuration
Support d’upload de fichiers (conversion base64 automatique)
Exécution directe des workflows n8n via webhook
Affichage structuré des résultats
Vue Admin - Configurer des Workflows
Fonctionnalités clés :
Création et édition de workflows- Import du JSON n8n avec analyse intelligente
Détection automatique des inputs depuis le workflow n8n
Configuration visuelle des champs (types, labels, validations)
Aperçu en temps réel du formulaire utilisateur
Gestion de l’état actif/inactif
Mode d’emploi
Étape 1 : Widget Utilisateur
- Ouvrez un nouveau document Grist
- Ajoutez le Custom Widget Builder à la vue courante
- Copiez le code du widget « workflow_user_interface.html » dans le Custom Widget Builder (full access)
- Le widget va automatiquement créer la table
Workflows_n8n
Étape 2 : Widget Admin
- Ouvrez la page de la table
Workflows_n8ncréée - Ajoutez le Custom Widget Builder à la vue courante
- Copiez le code du widget « workflow_admin_interface.html » dans le Custom Widget (full access)
C’est prêt ! Les deux widgets sont configurés.
Cas d’usage
Pour l’Administrateur
Un admin va être capable de :
- Créer un workflow dans n8n avec sa logique métier (appels API, traitements, IA, etc.)
- Exporter le JSON du workflow depuis n8n
- Coller le JSON dans le widget admin → les inputs sont détectés automatiquement
- Configurer les champs détectés :
- Ajuster les labels (ex:
document→Document PDF) - Définir les types (text, select, file, textarea, number)
- Ajouter des options pour les listes déroulantes
- Définir les validations (requis, min, max)
- Ajuster les labels (ex:
- Tester et activer le workflow pour les utilisateurs
Pour l’Utilisateur Final
Un utilisateur va pouvoir :
- Rechercher un workflow adapté à son besoin (ex: « analyser PDF »)
- Ouvrir le workflow et voir un formulaire pré-configuré et guidé
- Remplir les champs selon les indications (texte, fichiers, sélections)
- Exécuter le workflow en un clic
- Voir les résultats directement dans l’interface
Compatibilité
Compatible avec n’importe quel workflow n8n qui :
- Commence par un node Webhook (HTTP POST)
- Se termine par Respond to Webhook
- Utilise des variables au format
{{$json.xxx}}
Workflows testés :
- Analyse de documents (PDF)
Avantages
Pour les Utilisateurs
- Interface guidée : formulaires pré-configurés avec aide contextuelle
- Pas de connaissances techniques : exécution en un clic
- Standardisation : workflows validés et documentés
Pour les Administrateurs
- Détection automatique : gain de temps énorme sur la configuration
- Analyse intelligente : compatibilité et signature automatiques
- Configuration visuelle : pas de code à écrire
- Réutilisabilité : workflows partagés dans l’organisation
Pour l’Organisation
- Bibliothèque centralisée : tous les workflows au même endroit
- Gouvernance : contrôle des workflows actifs
- Scalabilité : ajout facile de nouveaux workflows
Pour Commencer
- Copiez les deux widgets :
user : https://grist.numerique.gouv.fr/o/docs/5h9vnuxrxjZF/Bibliotheque-de-workflows/p/1?embed=True
admin : https://grist.numerique.gouv.fr/o/docs/5h9vnuxrxjZF/Bibliotheque-de-workflows/p/2?embed=True - Créez un workflow dans n8n (ou utilisez l’exemple fourni)
- Exportez le JSON et collez-le dans le widget admin
- Configurez les inputs détectés (labels, types, options)
- Testez depuis l’interface utilisateur
- Activez et partagez !