Docs

App Builder

À quoi sert cet écran

App Builder conçoit visuellement des applications conteneurisées. Vous glissez des composants sur un canevas, vous les connectez, vous les configurez, et vous publiez le résultat sous forme d’application versionnée utilisable par votre équipe.

Il sert à composer des architectures multi-conteneurs — un frontend, une API, une base de données, un cache — sans écrire d’abord à la main les fichiers de composition et de déploiement.

Avant de commencer

Pour faire ceci Il vous faut
Ouvrir App Builder la permission d’accès App Builder

Rien d’autre n’est requis au préalable : vous pouvez concevoir une application avant qu’un cluster ou un dépôt ne soit connecté. Ce que vous ne pourrez pas faire, c’est la déployer — cela suppose le reste des Paramètres en place.

Ouvrir l’écran

  1. Build › App Builder dans la barre latérale.

URL directe : /app-builder

L’écran s’ouvre sur un canevas vide, avec la palette de composants à gauche et l’en-tête d’application prêt à recevoir un nom.

L’interface

📸 Capture d’écran : App Builder avec une application à trois composants sur le canevas. Repères : (1) l’en-tête, (2) la barre d’onglets, (3) la palette de composants, (4) le canevas, (5) un nœud de composant.

# Zone Ce qu’elle fait Traitée dans
1 En-tête d’application Nom, pastille de statut, version et actions d’enregistrement/publication Vue d’ensemble de l’interface
2 Barre d’onglets App Designer · Setup Wizard · Applications Vue d’ensemble de l’interface
3 Palette de composants La bibliothèque de composants déplaçables Palette de composants
4 Canevas Là où l’architecture s’assemble Canevas
5 Fenêtre de configuration Les réglages d’un composant Configuration d’un composant

Ce qu’App Builder apporte

  • Composition visuelle — concevoir des architectures sur un canevas plutôt qu’en YAML
  • Une bibliothèque de composants — frontend, backend, base de données, infrastructure, brokers, DevOps, secrets, supervision, streaming
  • Configuration détaillée — images, variables d’environnement, volumes, réseaux, sidecars
  • Versionnage — brouillons, versions publiées, gestion du cycle de vie
  • Notifications — l’équipe est prévenue à la publication d’une version

Procédures

Le travail se répartit entre les pages, dans l’ordre où vous les rencontrez :

  1. Vue d’ensemble de l’interface — la disposition et les actions d’en-tête
  2. Palette de composants — trouver et créer des composants
  3. Canevas — les placer et les connecter
  4. Configuration d’un composant — en configurer un
  5. Assistant de mise en place — le parcours guidé
  6. Gestion des applications — brouillons, versions, publication
  7. Notifications — ce que voit l’équipe

Les pages de référence complètent l’ensemble : Bonnes pratiques, Dépannage, Raccourcis clavier et le Glossaire.

Scénario

Concevoir une application trois tiers à partir de rien.

  1. Build › App Builder. Nommez-la d’abord dans l’en-tête : un brouillon sans nom est difficile à retrouver, et le nom se propage à ce que vous publiez.
  2. Depuis la palette, glissez un frontend, un backend et une base de données sur le canevas.
  3. Connectez frontend → backend → base de données. Les connexions ne sont pas décoratives : elles pilotent les variables d’environnement générées entre les composants.
  4. Ouvrez chaque nœud et configurez-le — voir Configuration d’un composant. Réglez l’image et les ports en premier ; le reste a des valeurs par défaut utilisables.
  5. Enregistrez comme brouillon tant que vous hésitez. Le brouillon est l’état honnête d’un travail inachevé, et publier prévient votre équipe.
  6. Quand c’est bon, publiez. Cela crée une version et prévient l’équipe — voir Notifications.
  7. Gérez ensuite ce que vous avez construit depuis Gestion des applications.

L’étape que l’on saute, c’est la 3. Un canevas de nœuds non connectés paraît terminé et ne génère aucun câblage entre eux.

En cas de problème

Symptôme Cause Comment vérifier Solution
App Builder n’est pas dans le sous-menu Build Il manque la permission d’accès App Builder Access Explorer Demandez un rôle qui l’accorde
Le bouton de publication est désactivé L’application est incomplète, ou un enregistrement est en cours La pastille de statut et l’état du bouton Complétez les champs requis ; attendez la fin de l’enregistrement
Un composant n’a aucune variable d’environnement générée Il n’est connecté à rien Les liens du canevas Connectez-le — voir Canevas
Un composant personnalisé manque dans la palette Il a été supprimé par son auteur, ou un filtre est actif Les onglets de catégorie et la recherche Cliquez sur All pour réinitialiser
Les modifications ont disparu Elles n’ont jamais été enregistrées La pastille de statut Enregistrez le brouillon avant de quitter

Pour aller plus loin