> ## Documentation Index
> Fetch the complete documentation index at: https://docs.base44.com/llms.txt
> Use this file to discover all available pages before exploring further.

> ## Agent Instructions
> Internal links on these pages omit the .md extension. Append .md to a docs page URL, or send an Accept: text/markdown header, to get that page as markdown.

# Découvrir l'éditeur d'application

> Faites le tour de l'éditeur d'application Base44 : le chat IA, l'aperçu, le mode Edit, le canvas, le Dashboard, l'historique des versions, les branches et la publication, et où trouver chacun.

export const ImageHotspots = ({src, alt, spots = []}) => {
  const [active, setActive] = useState(null);
  const closeTimer = useRef(null);
  const toggle = i => setActive(current => current === i ? null : i);
  const open = i => {
    clearTimeout(closeTimer.current);
    setActive(i);
  };
  const scheduleClose = i => {
    clearTimeout(closeTimer.current);
    closeTimer.current = setTimeout(() => setActive(current => current === i ? null : current), 250);
  };
  const accent = '#FF6A00';
  return <div className="not-prose" style={{
    margin: '24px 0'
  }}>
      <div style={{
    position: 'relative',
    borderRadius: 12,
    overflow: 'visible',
    border: '1px solid rgba(0,0,0,0.08)'
  }}>
        <img src={src} alt={alt} style={{
    display: 'block',
    width: '100%',
    height: 'auto',
    borderRadius: 12,
    margin: 0
  }} />
        {spots.map((spot, i) => spot.from === undefined ? null : <div key={`line-${i}`} aria-hidden="true" style={{
    position: 'absolute',
    left: `${spot.x}%`,
    top: `${Math.min(spot.from, spot.y)}%`,
    height: `${Math.abs(spot.y - spot.from)}%`,
    width: 2,
    transform: 'translateX(-50%)',
    background: accent,
    zIndex: 10,
    pointerEvents: 'none'
  }} />)}
        {spots.map((spot, i) => {
    const isActive = active === i;
    const cardOnLeft = spot.x > 60;
    const cardAbove = spot.y > 65;
    return <div key={i} style={{
      position: 'absolute',
      left: `${spot.x}%`,
      top: `${spot.y}%`,
      transform: 'translate(-50%, -50%)',
      zIndex: isActive ? 30 : 20
    }} onMouseEnter={() => open(i)} onMouseLeave={() => scheduleClose(i)}>
              <button type="button" aria-label={`${i + 1}. ${spot.title}`} aria-expanded={isActive} onClick={() => toggle(i)} style={{
      width: 'clamp(16px, 1.9vw, 22px)',
      height: 'clamp(16px, 1.9vw, 22px)',
      borderRadius: '50%',
      border: '2px solid #fff',
      background: accent,
      color: '#fff',
      fontSize: 'clamp(9px, 1.1vw, 12px)',
      fontWeight: 700,
      lineHeight: 1,
      display: 'flex',
      alignItems: 'center',
      justifyContent: 'center',
      cursor: 'pointer',
      boxShadow: isActive ? `0 0 0 6px rgba(255,106,0,0.25)` : '0 1px 4px rgba(0,0,0,0.3)',
      padding: 0
    }}>
                {i + 1}
              </button>
              {isActive && <div style={{
      position: 'absolute',
      [cardOnLeft ? 'right' : 'left']: '100%',
      [cardAbove ? 'bottom' : 'top']: -6,
      [cardOnLeft ? 'paddingRight' : 'paddingLeft']: 10
    }}>
                <div role="tooltip" style={{
      width: 240,
      background: '#fff',
      color: '#1a1a1a',
      border: '1px solid rgba(0,0,0,0.1)',
      borderRadius: 10,
      boxShadow: '0 8px 24px rgba(0,0,0,0.15)',
      padding: '12px 14px',
      fontSize: 14,
      lineHeight: 1.45,
      textAlign: 'left'
    }}>
                  <div style={{
      fontWeight: 600,
      marginBottom: 4
    }}>{spot.title}</div>
                  <div style={{
      color: '#444'
    }}>{spot.text}</div>
                  {spot.href && <a href={spot.href} style={{
      display: 'inline-block',
      marginTop: 8,
      color: accent,
      fontWeight: 600,
      textDecoration: 'none'
    }}>
                      {spot.linkText || 'Learn more'} →
                    </a>}
                </div>
                </div>}
            </div>;
  })}
      </div>

      <ol style={{
    listStyle: 'none',
    padding: 0,
    margin: '16px 0 0',
    display: 'grid',
    gap: 8
  }}>
        {spots.map((spot, i) => <li key={i} style={{
    display: 'flex',
    gap: 10,
    alignItems: 'flex-start',
    margin: 0
  }}>
            <button type="button" onClick={() => toggle(i)} aria-label={`Show ${spot.title} on the screenshot`} style={{
    flex: '0 0 auto',
    width: 22,
    height: 22,
    marginTop: 2,
    borderRadius: '50%',
    border: 'none',
    background: active === i ? accent : 'rgba(255,106,0,0.15)',
    color: active === i ? '#fff' : accent,
    fontSize: 12,
    fontWeight: 700,
    cursor: 'pointer',
    padding: 0
  }}>
              {i + 1}
            </button>
            <span style={{
    fontSize: 15,
    lineHeight: 1.55
  }}>
              <strong>{spot.title}:</strong> {spot.text}
              {spot.href && <>
                  {' '}
                  <a href={spot.href} style={{
    color: accent
  }}>
                    {spot.linkText || 'Learn more'}
                  </a>
                </>}
            </span>
          </li>)}
      </ol>
    </div>;
};

L'éditeur d'application est l'endroit où vous créez votre app Base44. Vous décrivez ce que vous voulez dans le chat IA à gauche. Votre app se met à jour dans l'aperçu à droite, et vous voyez chaque changement en direct. Cette visite vous montre le rôle de chaque partie de l'éditeur et où la trouver. Suivez ensuite les liens pour approfondir.

***

## En un coup d'œil

L'éditeur d'application comporte 2 zones principales : le chat IA à gauche et votre app à droite. Les commandes les plus utilisées se trouvent dans la barre au-dessus. Survolez ou touchez un numéro pour voir le rôle de chaque partie.

<ImageHotspots
  src="/images/app-editor-map.png"
  alt="Une capture d'écran de l'éditeur d'application avec le panneau de chat IA à gauche, l'aperçu de l'app à droite et la barre supérieure au-dessus"
  spots={[
{ x: 12.5, y: 86, title: "Chat IA", text: "Décrivez ce que vous voulez créer ou modifier, et regardez l'aperçu se mettre à jour.", href: "#chatting-with-ai" },
{ x: 13.2, y: 9, from: 4.5, title: "Branche", text: "Testez des changements sur une copie séparée de votre app avant de les fusionner.", href: "#trying-ideas-safely" },
{ x: 20.8, y: 9, from: 4.5, title: "Historique des versions", text: "Revenez à une version antérieure de votre app.", href: "#undoing-changes" },
{ x: 23.3, y: 15, from: 4.5, title: "Masquer le panneau de chat", text: "Affichez votre app en pleine largeur, sans le chat. Cliquez à nouveau pour réafficher le chat." },
{ x: 28.1, y: 9, from: 4.5, title: "Aperçu", text: "Voyez votre app comme vos visiteurs, et testez-la.", href: "#previewing-your-app" },
{ x: 34.2, y: 9, from: 4.5, title: "Dashboard", text: "Gérez les données, les utilisateurs, les paramètres de votre app, et plus encore.", href: "#using-the-dashboard" },
{ x: 40.3, y: 9, from: 4.5, title: "Edit", text: "Modifiez manuellement le texte, les couleurs, les polices et l'espacement.", href: "/fr/Building-your-app/Design" },
{ x: 44.2, y: 9, from: 4.5, title: "Canvas", text: "Voyez toutes vos pages à la fois sur un seul tableau.", href: "/fr/Building-your-app/Canvas" },
{ x: 65.0, y: 9, from: 4.5, title: "Champ de page", text: "Ouvrez une autre page ou actualisez l'aperçu.", href: "/fr/Building-your-app/managing-your-pages", linkText: "Gérer vos pages" },
{ x: 71.7, y: 9, from: 4.5, title: "Appareil", text: "Vérifiez l'apparence de votre app sur ordinateur, tablette et mobile.", href: "#previewing-your-app" },
{ x: 85.7, y: 9, from: 4.5, title: "Commentaires", text: "Épinglez des retours pour vos collaborateurs sur n'importe quelle page.", href: "/fr/Building-your-app/Commenting-on-your-app" },
{ x: 89.1, y: 15, from: 4.5, title: "Collaborateurs", text: "Voyez qui crée avec vous, et invitez d'autres personnes.", href: "#working-with-others" },
{ x: 92.4, y: 9, from: 4.5, title: "Plus d'actions", text: "Trouvez les outils moins utilisés, comme Act as a user et le moniteur d'activité.", href: "#additional-actions" },
{ x: 96.5, y: 15, from: 4.5, title: "Publier", text: "Mettez votre app en ligne.", href: "#publishing-your-app" },
]}
/>

<Tip>
  Vous découvrez Base44 ? Commencez par le chat IA. Vous pouvez créer une app entière simplement en discutant. Revenez au reste de l'éditeur quand vous en avez besoin. Rien n'est en ligne tant que vous ne cliquez pas sur **Publish**, et vous pouvez annuler tout changement. Expérimentez donc librement.
</Tip>

***

## Discuter avec l'IA

Le chat IA à gauche est l'endroit où vous créez. Décrivez ce que vous voulez avec des mots simples, et l'IA met à jour votre app. La zone de message permet aussi de joindre des fichiers, de choisir un modèle et de définir des instructions personnalisées. En savoir plus sur [l'utilisation du chat IA](/fr/Building-your-app/AI-chat-modes).

Le chat IA a 2 modes. Passez de l'un à l'autre avec le bouton de mode dans la zone de message, ou appuyez sur **Cmd+.** (Mac) ou **Ctrl+.** (Windows) :

* **Build :** l'IA modifie votre app pendant que vous discutez.
* **Discuss :** posez des questions ou planifiez votre prochain changement. L'IA ne modifie pas votre code avant votre approbation.

<Frame caption="Choisir entre Build et Discuss dans le chat IA">
  <img src="https://mintcdn.com/base44/Msn4A99N2xbeBdVC/images/app-editor-chat-modes.png?fit=max&auto=format&n=Msn4A99N2xbeBdVC&q=85&s=c8daea23cd13a90750ff2feb2e1ce71e" alt="La zone de message du chat IA avec le menu déroulant des modes ouvert et encadré, montrant Build et Discuss" style={{ maxWidth: "420px" }} width="806" height="500" data-path="images/app-editor-chat-modes.png" />
</Frame>

<Tip>
  Vous ne savez pas comment formuler une demande ? Utilisez **Discuss** pour en parler d'abord, puis passez à **Build** quand vous êtes prêt. En savoir plus sur [la rédaction de bons prompts](/fr/Getting-Started/Prompt-guide).
</Tip>

***

## Prévisualiser votre app

L'aperçu à droite montre votre app telle que la voient ses utilisateurs. Naviguez dedans pour tester votre app pendant que vous la créez.

En haut de l'aperçu, vous pouvez :

* **Ouvrir une autre page :** saisissez un chemin de page dans le champ de page, par exemple `/home`. En savoir plus sur [la gestion de vos pages](/fr/Building-your-app/managing-your-pages).
* **Actualiser l'aperçu :** cliquez sur l'icône d'actualisation au début du champ de page.
* **Vérifier d'autres tailles d'écran :** cliquez sur l'icône d'appareil à la fin du champ de page pour passer entre ordinateur, tablette et mobile.
* **Modifier manuellement :** cliquez sur **Edit**, puis sur n'importe quel élément de votre app. Vous pouvez modifier son texte, ses couleurs, ses polices ou son espacement sans le chat IA. En savoir plus sur [la conception de votre app](/fr/Building-your-app/Design).
* **Voir toutes les pages à la fois :** cliquez sur l'icône **Canvas** pour disposer toutes vos pages sur un seul tableau. Ajoutez des notes et des dessins, et envoyez des idées au chat IA. En savoir plus sur [l'utilisation du canvas](/fr/Building-your-app/Canvas).

<Frame caption="Sélectionner un élément en mode Edit pour ouvrir ses options de style">
  <img src="https://mintcdn.com/base44/Msn4A99N2xbeBdVC/images/app-editor-edit-mode.png?fit=max&auto=format&n=Msn4A99N2xbeBdVC&q=85&s=aa93e083f39530ac1bb265db851af998" alt="Le mode Edit avec un titre sélectionné dans l'aperçu, sa barre d'outils de style ouverte et le bouton Edit encadré" width="1798" height="860" data-path="images/app-editor-edit-mode.png" />
</Frame>

***

## Annuler des changements

Chaque changement est enregistré comme une version, vous pouvez donc toujours revenir en arrière. Choisissez la méthode adaptée à ce que vous voulez annuler :

* **Un changement de l'IA :** survolez le message dans le chat et cliquez sur l'icône **Revert** en dessous. Votre app revient à son état avant ce message, et les changements suivants sont aussi annulés.
* **Un changement manuel :** dans **Edit** ou **Canvas**, cliquez sur le bouton d'annulation dans la barre, ou appuyez sur **Cmd+Z** (Mac) ou **Ctrl+Z** (Windows).
* **Beaucoup de changements à la fois :** cliquez sur l'icône **Version history** au-dessus du chat IA. Vous pouvez prévisualiser une version antérieure, la restaurer dans l'éditeur ou la publier directement pendant que vous continuez votre brouillon.

En savoir plus sur [l'annulation des changements](/fr/Building-your-app/AI-chat-modes#reverting-changes).

***

## Utiliser le Dashboard

Cliquez sur **Dashboard** en haut de l'aperçu pour gérer tout ce qui se trouve derrière votre app. Cela inclut ses données, ses utilisateurs, ses domaines et ses paramètres. Chaque section s'ouvre depuis la barre latérale gauche. Certaines sections n'apparaissent que lorsque votre app les utilise. Par exemple, **Payments** apparaît après la connexion d'un fournisseur de paiement. **Secrets** apparaît lorsque votre app a des fonctions backend.

<Frame caption="Le Dashboard, ouvert sur Overview">
  <img src="https://mintcdn.com/base44/Msn4A99N2xbeBdVC/images/app-editor-dashboard.png?fit=max&auto=format&n=Msn4A99N2xbeBdVC&q=85&s=ab3398eaf36f8aa00c365d7e2e212f2b" alt="Le Dashboard de l'app ouvert sur Overview, avec la barre latérale listant chaque section" width="1440" height="665" data-path="images/app-editor-dashboard.png" />
</Frame>

| Section | Ce que vous y faites | En savoir plus |
| - | - | - |
| **Overview** | Vérifier le statut de votre app et qui peut l'ouvrir | [Visibilité de l'app](/fr/Setting-up-your-app/Managing-access#setting-your-app-visibility) |
| **App Users** | Inviter des personnes dans votre app et choisir leurs rôles | [Gérer l'accès](/fr/Setting-up-your-app/Managing-access) |
| **Data** | Afficher et modifier les données stockées par votre app | [Gérer les données de votre app](/fr/Building-your-app/Managing-your-app-data) |
| **Analytics** | Voir combien de personnes visitent votre app et ce qu'elles y font | [Analytique de l'app](/fr/documentation/performance-and-seo/app-analytics) |
| **Marketing** | Améliorer votre SEO et promouvoir votre app | [Créer un plan marketing](/fr/promoting-your-app/creating-a-marketing-plan) |
| **Domains** | Changer l'URL de votre app ou connecter un domaine personnalisé | [Configurer votre domaine](/fr/Setting-up-your-app/Setting-up-your-custom-domain) |
| **Integrations** | Connecter votre app à d'autres services | [Utiliser les intégrations](/fr/Integrations/Using-integrations) |
| **Security** | Analyser votre app pour détecter les problèmes de sécurité et les corriger | [Lancer une analyse de sécurité](/fr/Setting-up-your-app/running-a-security-scan) |
| **Code** | Afficher et modifier le code de votre app | [Outils pour développeurs](/fr/documentation/building-your-app/developer-tools) |
| **Agents** | Ajouter des agents IA qui fonctionnent dans votre app | [Agents in-app](/fr/Building-your-app/AI-agents-for-apps) |
| **Workflows** | Automatiser des tâches planifiées ou déclenchées par un événement | [Créer des workflows](/fr/Building-your-app/Creating-workflows) |
| **Emails** | Concevoir les e-mails envoyés par votre app | [Concevoir des e-mails](/fr/Building-your-app/Designing-emails) |
| **Logs** | Consulter tout ce qui se passe dans votre app | [Explorer les journaux de l'app](/fr/Building-your-app/exploring-app-logs) |
| **API** | Connecter d'autres outils aux données de votre app | [L'API de votre app](/fr/Building-your-app/your-apps-api-page) |
| **Settings** | Changer le nom et les paramètres généraux de votre app, ou supprimer l'app | |
| **MCP** | Permettre aux assistants IA de travailler avec votre app | [MCP de l'app](/fr/Integrations/app-mcp) |

<Tip>
  Utilisez la zone de recherche en haut de la barre latérale du Dashboard pour accéder à une section, une table de données ou un connecteur par son nom.
</Tip>

***

## Publier votre app

Quand votre app est prête, cliquez sur **Publish** en haut à droite pour la mettre en ligne. Dans le panneau **Publish Your App**, vous pouvez copier le lien de votre app. Vous pouvez aussi choisir qui peut l'ouvrir avec **App visibility** et [connecter un domaine personnalisé](/fr/Setting-up-your-app/Setting-up-your-custom-domain).

<Note>
  Votre app en ligne ne change que lorsque vous publiez. Continuez à créer dans l'éditeur, puis cliquez à nouveau sur **Publish** pour montrer votre dernière version.
</Note>

***

## Travailler avec d'autres personnes

Cliquez sur **Add collaborator** (+) à côté des avatars en haut à droite pour inviter quelqu'un à créer avec vous. Tout le monde voit le même brouillon, et les avatars montrent qui est dans l'éditeur en ce moment. Utilisez **Comments** en haut de l'aperçu pour laisser un retour sur une partie précise d'une page. En savoir plus sur [le travail avec des collaborateurs](/fr/Setting-up-your-app/Managing-access#working-with-collaborators) et [les commentaires sur votre app](/fr/Building-your-app/Commenting-on-your-app).

<Frame caption="Le menu des collaborateurs dans l'éditeur d'application">
  <img src="https://mintcdn.com/base44/Msn4A99N2xbeBdVC/images/app-editor-collaborators.png?fit=max&auto=format&n=Msn4A99N2xbeBdVC&q=85&s=d47480d30a47354eb7aa2ac4bd47b825" alt="Le menu des collaborateurs ouvert depuis la barre supérieure de l'éditeur, avec Invite collaborators encadré" width="1570" height="640" data-path="images/app-editor-collaborators.png" />
</Frame>

***

## Tester des idées en toute sécurité

Vous voulez tester une refonte ou une nouvelle fonctionnalité risquée sans mettre en jeu votre app fonctionnelle ? Créez-la sur une branche. Une branche est une copie séparée de votre app. Vous expérimentez librement pendant que votre version principale reste inchangée. Si le résultat vous plaît, fusionnez-le. Sinon, supprimez la branche et rien n'aura changé.

Pour en créer une, cliquez sur **Main** à côté du nom de votre app au-dessus du chat IA. En savoir plus sur [le travail avec les branches](/fr/Building-your-app/working-with-branches).

***

## Actions supplémentaires

L'icône **More actions** <Icon icon="ellipsis" color="currentColor" /> en haut à droite regroupe les outils moins utilisés.

<Frame caption="Le menu More actions dans l'éditeur d'application">
  <img src="https://mintcdn.com/base44/Msn4A99N2xbeBdVC/images/app-editor-more-actions.png?fit=max&auto=format&n=Msn4A99N2xbeBdVC&q=85&s=625a255ef90e864511a3e62bc818b76d" alt="Le menu More actions ouvert et encadré dans la barre supérieure de l'éditeur" width="1570" height="760" data-path="images/app-editor-more-actions.png" />
</Frame>

| Action | Ce qu'elle fait | En savoir plus |
| - | - | - |
| **Act as a user** | Prévisualiser votre app en tant que l'un de vos utilisateurs pour vérifier ce qu'il voit | [Tester votre app en tant qu'utilisateur](/fr/Setting-up-your-app/Managing-access#testing-your-app-as-a-user) |
| **Testing agent** | Laisser un agent IA tester votre app pour vous | [L'agent de test](/fr/documentation/managing-app-data/testing-agent) |
| **GitHub connection** | Synchroniser le code de votre app avec un dépôt GitHub | [Intégrer GitHub](/fr/documentation/building-your-app/developer-tools#integrating-with-github) |
| **This page's files** | Voir les fichiers de code de la page actuelle, ou cliquer sur **See all files** | [Outils pour développeurs](/fr/documentation/building-your-app/developer-tools) |
| **Compare with live code** | Voir ce qui a changé depuis votre dernière publication | [Annuler des changements](/fr/Building-your-app/AI-chat-modes#reverting-changes) |
| **Activity monitor** | Voir ce qui s'exécute dans votre app en ce moment | [Outils pour développeurs](/fr/documentation/building-your-app/developer-tools) |
| **Export project as ZIP** | Télécharger le code de votre app | [Outils pour développeurs](/fr/documentation/building-your-app/developer-tools) |
| **Send to Coding Agent** | Continuer à créer avec votre propre agent de codage, comme Claude, ChatGPT ou un agent CLI local. Disponible avec le plan Builder ou supérieur. | [Outils pour développeurs](/fr/documentation/building-your-app/developer-tools) |
| **Help center** | Ouvrir le centre d'aide Base44 | |

***

## Se déplacer plus vite

Appuyez sur **Cmd+K** (Mac) ou **Ctrl+K** (Windows) pour ouvrir la palette de commandes. Recherchez des pages, des fichiers et des données. Accédez directement à une action, comme publier votre app ou inviter un collaborateur. Vous pouvez aussi rechercher dans la documentation Base44, sans quitter l'éditeur. La palette de commandes fonctionne aussi sur la page d'accueil de votre workspace.

<Frame caption="La palette de commandes dans l'éditeur d'application">
  <img src="https://mintcdn.com/base44/Ii_lXe0tG_nK5Sie/images/keyboardcommands.jpg?fit=max&auto=format&n=Ii_lXe0tG_nK5Sie&q=85&s=b62a1a978d21d5eb2c0cd5560bcdd181" alt="La palette de commandes ouverte dans l'éditeur, avec les résultats de recherche regroupés par type" width="940" height="501" data-path="images/keyboardcommands.jpg" />
</Frame>

Ces raccourcis fonctionnent dans tout l'éditeur d'application :

| Raccourci | Ce qu'il fait |
| - | - |
| **Cmd+K** / **Ctrl+K** | Ouvrir la palette de commandes |
| **Cmd+.** / **Ctrl+.** | Passer entre Build et Discuss |
| **Cmd+Z** / **Ctrl+Z** | Annuler un changement en mode Edit ou sur le canvas |
| **Cmd+Shift+Z** / **Ctrl+Shift+Z** | Rétablir un changement en mode Edit ou sur le canvas |
| **Enter** | Envoyer votre message dans le chat IA |
| **Shift+Enter** | Commencer une nouvelle ligne dans votre message |

Vous pouvez inverser les raccourcis Enter et Shift+Enter dans vos [préférences de compte](/fr/documentation/account-and-billing/managing-your-account). Le canvas a ses propres [raccourcis de dessin et de mise en page](/fr/Building-your-app/Canvas).

***

## FAQ

Cliquez sur une question ci-dessous pour en savoir plus sur la navigation dans l'éditeur d'application.

<AccordionGroup>
  <Accordion title="Puis-je utiliser l'éditeur d'application sur mon téléphone ?">
    Oui. Vous pouvez créer depuis le navigateur de votre téléphone en ouvrant [base44.com](https://base44.com) et en vous connectant. Vous pouvez aussi utiliser l'app Base44 pour iOS et Android. Sur un téléphone, l'aperçu de votre app occupe l'écran. Touchez **Chat to Edit** pour ouvrir le chat IA.

    Certaines fonctionnalités ne sont disponibles que sur ordinateur, notamment le mode Edit, les autorisations de données, la modification du code, le travail avec les API et les modèles d'app. En savoir plus sur [l'utilisation de Base44 sur mobile](/fr/Building-your-app/Mobile-experience).
  </Accordion>

  <Accordion title="Dois-je enregistrer mon travail ?">
    Non. Votre travail dans l'éditeur est conservé au fur et à mesure. Chaque changement de l'IA devient une version à laquelle vous pouvez revenir. Votre app en ligne ne change que lorsque vous cliquez sur **Publish**.
  </Accordion>

  <Accordion title="Les gens peuvent-ils voir mon app avant que je la publie ?">
    Non. L'aperçu est réservé à vous et à vos collaborateurs. Personne d'autre ne peut ouvrir votre app avant sa publication. Ensuite, qui peut l'ouvrir dépend de la [visibilité de votre app](/fr/Setting-up-your-app/Managing-access#setting-your-app-visibility).
  </Accordion>

  <Accordion title="Pourquoi certains boutons ne s'affichent-ils pas ?">
    Ce que vous voyez dépend de votre rôle et de votre app. Par exemple, les personnes en lecture seule ne voient pas **Edit** ni le menu **More actions**. Certaines sections du Dashboard n'apparaissent que lorsque votre app les utilise. Sur les petites fenêtres, certaines commandes sont regroupées dans des menus.
  </Accordion>

  <Accordion title="Que faire si l'éditeur d'application ne se charge pas ?">
    Essayez d'actualiser la page, de vider le cache de votre navigateur ou de désactiver les extensions. Vous pouvez aussi ouvrir Base44 dans une fenêtre privée ou un autre navigateur. Si le problème persiste, consultez le [dépannage](/fr/Community-and-support/Troubleshooting).
  </Accordion>
</AccordionGroup>

***

## Sujets connexes

Approfondissez les parties de l'éditeur d'application que vous utilisez le plus.

<CardGroup cols={2}>
  <Card title="Utiliser le chat IA" icon="message" href="/fr/Building-your-app/AI-chat-modes">
    Modes Build et Discuss, modèles, Auto approve et annulation des changements.
  </Card>

  <Card title="Concevoir votre app" icon="palette" href="/fr/Building-your-app/Design">
    Modifiez les couleurs, les polices et la mise en page avec le mode Edit et les thèmes.
  </Card>

  <Card title="Gérer les données de votre app" icon="database" href="/fr/Building-your-app/Managing-your-app-data">
    Affichez, modifiez, importez et exportez les données stockées par votre app.
  </Card>

  <Card title="Choisir qui peut accéder à votre app" icon="users" href="/fr/Setting-up-your-app/Managing-access">
    Définissez la visibilité, invitez des utilisateurs et ajoutez des collaborateurs.
  </Card>
</CardGroup>

<script type="application/ld+json">
  {`{
    "@context": "https://schema.org",
    "@type": "FAQPage",
    "mainEntity": [
      {
        "@type": "Question",
        "name": "Can I use the app editor on my phone?",
        "acceptedAnswer": {
          "@type": "Answer",
          "text": "Yes. You can build from your phone's browser by opening base44.com and signing in, or from the Base44 app for iOS and Android. On a phone, your app's preview fills the screen, and you tap Chat to Edit to open the AI chat. Some features are only available on desktop, including Edit mode, data permissions, editing code, working with APIs, and app templates. Learn more about using Base44 on mobile."
        }
      },
      {
        "@type": "Question",
        "name": "Do I need to save my work?",
        "acceptedAnswer": {
          "@type": "Answer",
          "text": "No. Your work in the app editor is kept as you go, and every AI change becomes a version you can return to. Your live app only changes when you click Publish."
        }
      },
      {
        "@type": "Question",
        "name": "Can people see my app before I publish it?",
        "acceptedAnswer": {
          "@type": "Answer",
          "text": "No. The preview is only for you and your collaborators. Nobody else can open your app until you publish it, and after that, who can open it depends on your app visibility."
        }
      },
      {
        "@type": "Question",
        "name": "Why can't I see some buttons?",
        "acceptedAnswer": {
          "@type": "Answer",
          "text": "What you see depends on your role and your app. For example, people with view-only access don't see Edit or the More actions menu. Some Dashboard sections only appear once your app uses them, and on smaller windows some controls collapse into menus."
        }
      },
      {
        "@type": "Question",
        "name": "What should I do if the app editor won't load?",
        "acceptedAnswer": {
          "@type": "Answer",
          "text": "Try refreshing the page, clearing your browser cache, turning off browser extensions, or opening Base44 in a private window or another browser. If it still won't load, see troubleshooting."
        }
      }
    ]
    }`}
</script>

<Note>Cette page a été traduite par IA. Pour les informations les plus précises et à jour, consultez la [version anglaise](/). </Note>


This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.