Skip to content

Premiers pas

Cette section aide un nouvel utilisateur à passer du premier accès à un premier workflow fiable en une seule session. À la fin, tu disposeras d'un modèle de domaine fonctionnel avec des données associées, d'une API GraphQL opérationnelle que tu peux interroger, et d'une compréhension claire des prochaines étapes.

Ce que tu vas construire

Dans ce guide, tu vas :

  1. Accéder à Mockomat et choisir ton mode de travail.
  2. Créer une table de domaine représentant un concept métier réel.
  3. Ajouter des attributs avec les types et associations appropriés.
  4. Établir au moins une relation avec une autre entité.
  5. Prévisualiser ton modèle via le runtime en direct.
  6. Valider que l'API retourne les structures de données attendues.

L'ensemble du processus prend environ 15 minutes.

Screenshot gs-01-start-entryScreenshot gs-01-start-entry
gs-01-start-entryMissing

Point d'entrée de la page d'accueil vers le workspace applicatif.

Étape 1 : Choisis ton mode d'accès

Mockomat propose deux modes d'accès, chacun conçu pour une phase de travail différente :

Mode invité (démarrage rapide)

Le mode invité est le moyen le plus rapide d'obtenir une API mock fonctionnelle. Aucune inscription, aucune configuration — ouvre simplement Mockomat et commence à modéliser.

Ce que tu obtiens :

  • Un projet temporaire avec un endpoint public
  • Accès complet au board de modélisation, à la configuration des attributs et à la prévisualisation
  • Accès à tous les types d'association de données (enregistrements réels, Faker, constantes)
  • Un endpoint GraphQL opérationnel que tu peux interroger immédiatement

Limitations :

  • Ton travail est lié à ta session navigateur — fermer l'onglet ou effacer les cookies entraîne la perte de ta progression
  • Un seul projet à la fois
  • Pas de partage en équipe
  • Endpoint public uniquement (pas de contrôles d'accès privés)

Le mode invité est idéal pour la validation rapide d'idées, les démonstrations et l'évaluation de la pertinence de Mockomat pour ton workflow.

Mode compte (workspace persistant)

Le mode compte ajoute la persistance, la gestion de projets et la possibilité d'évoluer dans le temps.

Ce que tu obtiens (forfait Free) :

  • Jusqu'à 5 projets sauvegardés
  • Modèles persistants qui survivent aux sessions navigateur
  • Historique de projets et possibilité de revenir itérer
  • 1 000 requêtes API par jour
  • Endpoints publics

Quand basculer :

  • Lorsque ton premier modèle s'avère utile et que tu souhaites le conserver
  • Lorsque tu dois partager du travail avec des membres de l'équipe
  • Lorsque tu souhaites itérer sur plusieurs sessions
Screenshot gs-02-guest-workspaceScreenshot gs-02-guest-workspace
gs-02-guest-workspaceMissing

Workspace invité avec première table de domaine.

Étape 2 : Modélise une tranche de domaine réelle

Une tranche de domaine est un petit sous-ensemble cohérent de ton modèle métier. Commence par une ou deux entités représentant quelque chose de réel dans ton système.

Choisis des noms significatifs

Évite les noms d'exemples génériques. Utilise le vocabulaire métier que ton équipe emploie déjà :

Bons exemples :

  • Customer, Subscription, Invoice
  • Order, Payment, Shipment
  • Product, Category, Review
  • Employee, Department, TimeEntry

À éviter :

  • Table1, TestEntity, MyModel
  • Data, Item, Thing

Des noms significatifs rendent ton modèle auto-documenté et immédiatement utile pour les discussions d'équipe.

Ajoute des attributs

Chaque entité a besoin d'attributs décrivant ses données. Lors de l'ajout d'attributs, considère :

PropriétéObjectifExemple
NomIdentifiant descriptiffirstName, totalAmount, isActive
TypeType de donnéesstring, number, boolean, date
ObligatoireDoit toujours avoir une valeurtrue pour email, false pour middleName
TriablePeut être utilisé pour le tritrue pour createdAt, price
RecherchableParticipe à la recherchetrue pour name, title
FiltrableSupporte les expressions de filtretrue pour status, category

Conseil pratique : Commence avec 4 à 6 attributs essentiels par entité. Tu pourras toujours en ajouter plus tard, mais un modèle focalisé fournit un meilleur retour d'information qu'un modèle large et superficiel.

Choisis les associations de données

Chaque attribut a besoin d'une source de données. Mockomat supporte trois types d'association :

OFF_FIELD — Données d'enregistrements réels

Association à un champ d'un jeu de données réel (ex. Open Food Facts). Produit des valeurs réalistes et variées. Idéal pour les noms de produits, catégories, données nutritionnelles, codes-barres.

FAKE — Données synthétiques (Faker)

Génère des données réalistes mais fictives : noms, adresses e-mail, adresses postales, dates, prix. Idéal pour les données personnelles, montants financiers, horodatages, coordonnées.

CONST — Valeurs fixes

Chaque enregistrement reçoit la même valeur. Idéal pour les statuts par défaut ("active"), la configuration fixe, les valeurs provisoires en début de modélisation.

Screenshot gs-03-first-tableScreenshot gs-03-first-table
gs-03-first-tableMissing

Création de la première table et configuration des attributs.

Établis une relation

Une fois une entité modélisée, ajoute-en une seconde et connecte-les :

  1. Crée une seconde table (ex. Order, si ta première était Customer).
  2. Définis le type de relation : un client a-t-il plusieurs commandes (1:n) ? Une commande appartient-elle à exactement un client ?
  3. Établis la direction : quelle entité possède la relation ?

Les relations sont essentielles pour tester comment ton API gère les données imbriquées. Un modèle avec au moins une relation te fournit un retour d'information nettement plus riche en prévisualisation.

Screenshot gs-03b-first-relationScreenshot gs-03b-first-relation
gs-03b-first-relationMissing

Première configuration de relation entre deux entités.

Étape 3 : Valide via la prévisualisation

La prévisualisation n'est pas uniquement destinée aux démonstrations. C'est un point de contrôle qualité du modèle. Chaque fois que tu modifies ton modèle, exécutes une prévisualisation pour confirmer que le changement se comporte comme attendu.

Ce qu'il faut vérifier

Lisibilité des champs — Les noms de champs retournés ont-ils du sens ? Sont-ils cohérents (camelCase partout, pas d'abréviations) ?

Cohérence de la structure de données — Chaque champ retourne-t-il le type attendu ? Les chaînes sont-elles bien des chaînes, les nombres bien des nombres ?

Comportement des relations — Lorsque tu interroges une entité parente, les entités enfants apparaissent-elles correctement imbriquées ? La cardinalité est-elle correcte (tableau pour 1:n, objet unique pour 1:1) ?

Signaux d'association manquante — La prévisualisation affiche des indications pour les attributs qui n'ont pas encore de source de données. Corrige-les avant de continuer.

Comportement des filtres et du tri — Essaie de filtrer par un champ marqué comme filtrable. Essaie de trier par un champ triable. Les résultats ont-ils du sens ?

Problèmes courants de prévisualisation

ProblèmeCause probableSolution
Un champ retourne nullAucune association configuréeAssigner une association OFF_FIELD, FAKE ou CONST
Une relation retourne un tableau videRelation mal définieVérifier la direction de la relation et l'entité cible
Le tri n'a aucun effetChamp non marqué comme triableActiver le flag triable sur l'attribut
Le filtre retourne tous les enregistrementsChamp non marqué comme filtrableActiver le flag filtrable sur l'attribut
Screenshot gs-04-first-previewScreenshot gs-04-first-preview
gs-04-first-previewMissing

Première prévisualisation avec champs associés et non associés.

Étape 4 : Interroge ton API

Une fois la prévisualisation correcte, ton API mock est déjà opérationnelle. Tu peux l'interroger depuis n'importe quel client GraphQL ou directement depuis ton application frontend.

L'endpoint de ton projet est :

POST /mock/{ton-slug-projet}/graphql

Essaie une requête de liste simple :

graphql
query {
  customers(offset: 0, limit: 10) {
    id
    firstName
    lastName
    email
    orders {
      id
      totalAmount
      createdAt
    }
  }
}

La réponse contient des données réalistes provenant de tes associations configurées, avec les relations automatiquement résolues.

Screenshot gs-04b-first-queryScreenshot gs-04b-first-query
gs-04b-first-queryMissing

Première requête GraphQL contre l'endpoint mock opérationnel.

Étape 5 : Détermine la suite

Après ton premier cycle modèle-requête réussi, plusieurs directions s'offrent à toi :

  • Approfondir ton modèle — ajouter plus d'entités, affiner les attributs, établir d'autres relations.
  • Configurer l'exposition API — définir quelles opérations sont disponibles, établir les conventions de nommage des requêtes.
  • Aller vers l'export — si le modèle est suffisamment stable, explorer la génération de code pour obtenir un backend NestJS prêt pour la production.
  • Utiliser des blueprints — explorer les modèles de domaine préconfigurés pour accélérer les projets futurs.
  • Partager avec ton équipe — créer un compte (si en mode invité) et inviter des collaborateurs.
Screenshot gs-05-next-stepsScreenshot gs-05-next-steps
gs-05-next-stepsMissing

Point de décision après le premier cycle de prévisualisation réussi.

Ce que tu as maintenant

À l'issue de ce guide, tu disposes de :

  • Un modèle de domaine avec au moins une entité, des attributs significatifs et des associations de données configurées
  • Un endpoint d'API GraphQL opérationnel retournant des données réalistes
  • La confirmation que ton modèle se comporte comme attendu lors de requêtes réelles
  • Une compréhension claire du workflow Modèle → Prévisualisation → Requête

À partir d'ici, explore les Concepts clés pour comprendre l'architecture derrière ce que tu viens de créer, ou plonges dans le Workspace pour un guide détaillé des outils de modélisation.