Tous les cas

Créez votre interface avec Lovable

Construisez une application de demandes clients dans Lovable, avec les données et l’API REST dans OrganiseYou.

Du tableur au portail de demandes

Imaginez une petite équipe qui reçoit les demandes clients par e-mail. Une personne les copie dans un tableur, une autre modifie sa propre version et un client appelle pour connaître la suite. Vous voulez un portail simple pour déposer une demande et suivre son avancement. Lovable peut créer cette interface. OrganiseYou donne à l’équipe un espace commun pour gérer les clients et les demandes associés.

Pourquoi associer OrganiseYou à Lovable ?

Une belle interface doit aussi servir le travail quotidien. Vos collègues doivent corriger une fiche client et retrouver les demandes en retard. Définissez Clients et Demandes une seule fois dans OrganiseYou, puis créez des formulaires et grilles internes pour ces enregistrements. L’interface Lovable utilise les mêmes données via l’API. Vous faites évoluer l’expérience client tout en conservant l’espace de travail de l’équipe, sans recopier les enregistrements entre deux systèmes.

Comment MCP aide le constructeur

Sans contexte, un constructeur IA doit déduire les champs, relations et opérations de votre description. Les outils MCP de métadonnées d’OrganiseYou décrivent les entités, formulaires, grilles et endpoints existants. Une connexion MCP personnalisée compatible dans Lovable peut fournir ces informations au constructeur. Demandez-lui d’examiner Clients et Demandes et de proposer des écrans adaptés aux champs réels. Selon vos droits, des changements de métadonnées peuvent être proposés en brouillon pour révision. Vérifiez la compatibilité de cette interface MCP existante avec votre configuration Lovable.

Donner un rôle précis à MCP

Commencez par le contexte des métadonnées. Pour des exemples d’enregistrements, OrganiseYou propose un endpoint MCP de données distinct, limité aux endpoints activés et aux opérations autorisées. Utilisez une organisation de test avec des exemples non sensibles et les droits nécessaires uniquement. L’accès aux métadonnées ne donne pas automatiquement accès aux enregistrements. Le connecteur de chat Lovable aide à construire ; il ne devient pas la connexion des visiteurs de l’application publiée.

Une journée de travail concrète

Un client dépose une demande dans votre application Lovable. Un appel API côté serveur crée l’enregistrement dans OrganiseYou. Une collègue le retrouve dans la grille et modifie son statut. Au prochain chargement, le portail affiche ce nouveau statut. La semaine suivante, vous ajoutez une date cible : adaptez le modèle et l’endpoint, puis demandez à Lovable de mettre l’écran en accord avec le schéma. MCP apporte le contexte pendant la construction ; les appels API authentifiés connectent l’application en service.

Lovable · MCP ↗

Mise en place

  1. 01

    Modélisez les données

    Créez les entités Clients et Demandes. Ajoutez les champs nécessaires, par exemple objet, statut et échéance, puis reliez chaque demande à un client.

  2. 02

    Exposez les bonnes opérations

    Créez des endpoints REST en choisissant les champs et opérations de lecture, création et modification utiles. Publiez les changements en brouillon, puis récupérez la description OpenAPI authentifiée.

  3. 03

    Connectez l’API en sécurité

    Créez une Connection avec une clé API et les autorisations des endpoints. Enregistrez la clé dans les secrets de Lovable et appelez OrganiseYou depuis des fonctions serveur. Contrôlez les utilisateurs dans ces fonctions ; ne mettez pas la clé dans le navigateur ou le chat.

  4. 04

    Construisez et vérifiez les écrans

    Fournissez à Lovable la description API et demandez une liste, une fiche et un formulaire de création/modification. Testez l’enregistrement d’une demande et le refus d’une opération non autorisée.

Exemple de demande pour Lovable

Crée une interface de demandes clients à partir de cette description OpenAPI. Appelle OrganiseYou via des fonctions serveur, lis la clé API depuis un secret et commence par une liste et un formulaire de modification.
Guide d’intégration API de Lovable ↗