Apesar da plataforma Cronapp ser totalmente na nuvem (Saas), nada impede que você baixe o seu projeto e continue trabalhando off-line usando o Visual Studio Code (VS Code) ou outra IDE.

O Cronapp não possui lock-in em seus projetos, assim, ao retirar seu projeto da nossa plataforma, tudo permanecerá funcionando e você continuará o desenvolvimento do ambiente do sistema, banco de dados, microsserviços e todos os recursos gerado pelo Cronapp. Isso é possível pois o Cronapp exporta todo o conteúdo em código padrão, sem componentes proprietários, de forma organizada, otimizada e atualizada em linguagem padrão de mercado. Permitindo também a publicação em ambientes fora da nossa plataforma.

Veremos nesse tutorial como exportar o projeto do Cronapp, importar e executar no Visual Studio Code.

Pré-requisitos

Antes de começar a seguir os passos do tutorial é preciso ter certeza de que se tem um ambiente minimamente preparado para reproduzir o exemplo. Abaixo estão os requisitos principais.

Requisitos:

1. Projeto do tipo web ou mobile criado. Caso haja dúvidas de como criar esse tipo de projeto acesse a documentação Criar projeto.
2. Visual Studio Code instalado e configurado na máquina local. Nesse tutorial estamos usando a versão 1.88 do VS Code (download em https://code.visualstudio.com/), porém outras versões irão funcionar da mesma forma.

Exportar projeto .zip do Cronapp

Para exportar um projeto, acesse no menu do sistema Projeto > Exportar (Figura 1). Essa janela também pode ser acessada através do menu de contexto na raiz do projeto (nome do projeto) na árvore de arquivos. Em seguida, na janela de seleção dos formatos a serem exportados, clique no formato Zip e finalize. O Cronapp compactará o projeto e logo em seguida inicializará o download na sua máquina local.

Figura 1 - Baixando projeto compactado do Cronapp

Após o download, descompacte o conteúdo para um diretório a sua escolha, usaremos esse diretório para abrir o projeto no VS Code.

Visual Studio Code

Após configurar o ambiente e exportar o projeto do Cronapp, vamos importar o projeto e configurar o VS Code nos passos abaixo.

Importando projeto

Abra o VS Code, acesse no menu do sistema File > Open Folder (destaque 1 da Figura 2) para abrir a janela de importação de projetos. Na janela Open Folder navegue até o diretório em que foi salvo o projeto e selecione a pasta descompactada e, em seguida, clique no botão "Selecionar pasta".

Figura 2 - Abrindo a janela de importação de projeto existente

Configurações de execução

Antes de iniciarmos a configuração de execução do projeto, será preciso instalar a extensão Extension Pack for Java no VS Code. Para isso, no menu lateral acesse Extensions (destaque 1 da Figura 2.1). Em seguida, no campo de busca pesquise por "Extension Pack for Java" (2) e, por fim, clique no botão "Install" pra instalar a extensão (3).

Figura 2.1 - Configurando ambiente

Para configurar a execução do projeto, acesse no menu lateral a opção Run and Debug (destaque 1 da Figura 2.2). Em seguida, na caixa de seleção localizada anterior ao botão de configuração, selecione a opção "SpringBootMain:run" (2). Esta é uma configuração predefinida que executa a classe principal do Spring Boot. Por fim, clique no botão "Start Debugging" (3) para iniciar a execução.

Figura 2.2 - Configurando execução do projeto

Executando o projeto

Após clicar no botão "Start Debugging" (destaque 3 da Figura 2.2), a execução do projeto iniciará e poderá ser visualizada no Debug Console (destaque 1 da Figura 2.3) do VS Code. Durante a execução, uma barra de ferramentas será exibida com alguns botões úteis que podem ser utilizados para interagir com o processo em execução (2). Para acessar o projeto localmente, no navegador, digite o endereço padrão de execução: http://localhost:8000/ (3).

Figura 2.3 - Execução do projeto locamentelocalmente