O painel de Admin dá-lhe acesso a ferramentas avançadas para validar, depurar e gerir o seu projeto. Para o abrir, clique no ícone de cadeado na barra de ferramentas superior, à esquerda do botão Atualizar.
O painel mostra a versão atual do construtor de apps e o número de versão do seu projeto e inclui as seguintes opções:
Clique em Validar Projeto para executar uma verificação nos ficheiros do seu projeto. A ferramenta irá reportar quaisquer problemas encontrados para que os possa resolver antes de publicar.
Clique em Ver Registos para ver um registo de atividades e eventos relacionados com o seu projeto e o chat de AI. Isto é útil para acompanhar o que aconteceu no seu projeto e diagnosticar comportamentos inesperados.
Clique em Depurar para abrir as ferramentas de depuração do seu projeto. Isto ajuda-o a identificar e investigar erros ou problemas na funcionalidade do seu website.
Clique em Linting para executar uma verificação da qualidade do código do seu projeto. O linting identifica problemas de estilo de código, erros potenciais e áreas que não seguem as melhores práticas.
Editar Código dá-lhe acesso direto aos ficheiros de origem do seu website — HTML, CSS e JavaScript. Isto destina-se a utilizadores à vontade com código web.
Clique em Editar Código para substituir o editor visual por uma interface completa de edição de código.
Navegar pelos ficheiros - O painel esquerdo mostra uma árvore de ficheiros com todos os ficheiros de origem do seu projeto organizados em pastas: css/ (folhas de estilo), global/ (modelos partilhados como cabeçalho e rodapé), js/ (ficheiros JavaScript) e sections/ (modelos de secções de página). Clique em qualquer ficheiro para o abrir no editor. É possível manter vários ficheiros abertos ao mesmo tempo, e estes aparecem como separadores na parte superior do editor.
Editar o código - Clique diretamente no painel central do editor e escreva para efetuar as suas alterações. O realce de sintaxe é aplicado automaticamente com base no tipo de ficheiro.
Guardar alterações - Clique no botão SAVE na barra de ferramentas inferior para guardar as suas edições. Um ponto junto ao separador do nome do ficheiro indica alterações por guardar. Utilize o botão COPY para copiar o código do ficheiro para a área de transferência e o interruptor WRAP para ativar ou desativar a quebra de linha.
Voltar ao editor visual - Clique em Back to editor na barra superior. O construtor de AI volta a abrir e as alterações de código guardadas são aplicadas.
Esta ferramenta copia o seu projeto do App Builder do ambiente em que está atualmente a trabalhar para um site no seu ambiente local. Introduza o número do site de Origem, que vem preenchido automaticamente com o ID do seu site atual, e o número do site de Destino do site no seu ambiente local para onde o projeto deve ser copiado. Em seguida, clique em Copiar projeto para iniciar a cópia.
