Über das Admin-Panel haben Sie Zugriff auf erweiterte Tools zum Validieren, Debuggen und Verwalten Ihres Projekts. Um es zu öffnen, klicken Sie in der oberen Symbolleiste auf das Schloss-Symbol links neben der Upgrade-Schaltfläche.
Das Panel zeigt die aktuelle App-Builder-Version sowie die Versionsnummer Ihres Projekts an und bietet folgende Optionen:
Klicken Sie auf Projekt validieren, um Ihre Projektdateien zu prüfen. Das Tool meldet gefundene Probleme, damit Sie sie vor der Veröffentlichung beheben können.
Klicken Sie auf Protokolle anzeigen, um ein Protokoll der Aktivitäten und Ereignisse zu Ihrem Projekt und dem AI-Chat zu sehen. Das ist hilfreich, um nachzuverfolgen, was in Ihrem Projekt passiert ist, und unerwartetes Verhalten zu diagnostizieren.
Klicken Sie auf Debug , um die Debugging-Tools für Ihr Projekt zu öffnen. Das hilft Ihnen, Fehler oder Probleme in der Funktionalität Ihrer Website zu erkennen und zu untersuchen.
Klicken Sie auf Linting , um eine Code-Qualitätsprüfung für Ihr Projekt auszuführen. Linting erkennt Probleme im Code-Stil, potenzielle Fehler und Bereiche, die nicht den Best Practices entsprechen.
Code bearbeiten bietet Ihnen direkten Zugriff auf die Quelldateien Ihrer Website – HTML, CSS und JavaScript. Dies ist für Nutzer gedacht, die sich mit Web-Code auskennen.
Klicken Sie auf Code bearbeiten, um den visuellen Editor durch eine vollständige Code-Editor-Oberfläche zu ersetzen.
Dateinavigation – Im linken Bereich sehen Sie eine Dateibaumstruktur mit allen Quelldateien Ihres Projekts, organisiert in Ordnern: css/ (Stylesheets), global/ (gemeinsame Templates wie Header und Footer), js/ (JavaScript-Dateien) und sections/ (Vorlagen für Seitenabschnitte). Klicken Sie auf eine Datei, um sie im Editor zu öffnen. Es können mehrere Dateien gleichzeitig geöffnet sein und werden als Tabs oben im Editor angezeigt.
Code bearbeiten – Klicken Sie direkt in das mittlere Editorfenster und geben Sie Ihre Änderungen ein. Die Syntaxhervorhebung wird je nach Dateityp automatisch angewendet.
Änderungen speichern – Klicken Sie in der unteren Symbolleiste auf die Schaltfläche SAVE , um Ihre Änderungen zu speichern. Ein Punkt neben dem Dateinamen-Tab zeigt ungespeicherte Änderungen an. Verwenden Sie die Schaltfläche COPY , um den Code der Datei in Ihre Zwischenablage zu kopieren, und den WRAP -Schalter, um den Zeilenumbruch zu aktivieren oder zu deaktivieren.
Zurück zum visuellen Editor – Klicken Sie in der oberen Leiste auf Back to editor. Der AI Builder wird wieder geöffnet und Ihre gespeicherten Code-Änderungen werden angewendet.
Dieses Tool kopiert Ihr App-Builder-Projekt aus der Umgebung, in der Sie gerade arbeiten, in eine Website in Ihrer lokalen Umgebung. Geben Sie die Quell-Site-Nummer ein, die bereits mit Ihrer aktuellen Site-ID vorbelegt ist, sowie die Ziel-Site-Nummer der Website in Ihrer lokalen Umgebung, in die das Projekt kopiert werden soll. Klicken Sie anschließend auf Copy project, um den Kopiervorgang zu starten.
