Le panneau d’administration vous donne accès à des outils avancés pour valider, déboguer et gérer votre projet. Pour l’ouvrir, cliquez sur l’icône de cadenas dans la barre d’outils supérieure, à gauche du bouton Mettre à niveau.
Le panneau affiche la version actuelle du constructeur d’applications ainsi que le numéro de version de votre projet, et propose les options suivantes :
Cliquez sur Valider le projet pour lancer une vérification des fichiers de votre projet. L’outil signalera tout problème détecté afin que vous puissiez le corriger avant la publication.
Cliquez sur Afficher les journaux pour consulter un journal des activités et des événements liés à votre projet et au chat AI. Cela vous aide à suivre ce qui s’est passé dans votre projet et à diagnostiquer les comportements inattendus.
Cliquez sur Déboguer pour ouvrir les outils de débogage de votre projet. Cela vous aide à identifier et à analyser les erreurs ou les problèmes liés au fonctionnement de votre site web.
Cliquez sur Linting pour lancer un contrôle de qualité du code de votre projet. Le linting repère les problèmes de style de code, les erreurs potentielles et les éléments qui ne respectent pas les bonnes pratiques.
Modifier le code vous donne un accès direct aux fichiers source de votre site web (HTML, CSS et JavaScript). Cette option s’adresse aux utilisateurs à l’aise avec le code web.
Cliquez sur Modifier le code pour remplacer l’éditeur visuel par une interface complète d’édition de code.
Navigation dans les fichiers - Le panneau de gauche affiche l’arborescence des fichiers contenant tous les fichiers source de votre projet, organisés en dossiers : css/ (feuilles de style), global/ (modèles partagés tels que l’en-tête et le pied de page), js/ (fichiers JavaScript) et sections/ (modèles de sections de page). Cliquez sur un fichier pour l’ouvrir dans l’éditeur. Plusieurs fichiers peuvent être ouverts en même temps et apparaissent sous forme d’onglets en haut de l’éditeur.
Modification du code - Cliquez directement dans le panneau central de l’éditeur et saisissez vos modifications. La coloration syntaxique s’applique automatiquement selon le type de fichier.
Enregistrer les modifications - Cliquez sur le bouton SAVE dans la barre d’outils inférieure pour enregistrer vos changements. Un point à côté de l’onglet du nom de fichier indique des modifications non enregistrées. Utilisez le bouton COPY pour copier le code du fichier dans votre presse-papiers, et le bouton WRAP pour activer ou désactiver le retour à la ligne automatique.
Retourner à l’éditeur visuel - Cliquez sur Back to editor dans la barre supérieure. Le constructeur AI se rouvre et vos modifications de code enregistrées sont appliquées.
Cet outil copie votre projet App Builder depuis l’environnement dans lequel vous travaillez actuellement vers un site dans votre environnement local. Saisissez le numéro du site source (prérempli avec l’ID de votre site actuel) ainsi que le numéro du site de destination dans votre environnement local, là où le projet doit être copié. Cliquez ensuite sur Copy project pour démarrer la copie.
