Durante a criação A configuração de um novo projeto no Cronapp é possível ocorre em apenas 4 ou 5 janelas. Com exceção do tipo de projeto (destaque 1 da figura 1) e origem do projeto (4 da figura 1), todos os demais campos podem ser modificados durante o desenvolvimento do projeto.
Novo Projeto
Para criar um projeto, clique no botão Novo projeto (seta da Figura 1) e a primeira janela de configuração será aberta para selecionar o tipo de projeto, se já possui versionamento, seleção de banco de dado externo e tema. Veja o detalhamento nos passos abaixo.
Figura 1 - Novo Projeto
do projeto (Low-code ou High-code), em seguida, informe um nome e selecione a origem do novo projeto.
| Âncora | ||||
|---|---|---|---|---|
|
Figura 1 - Novo Projeto
- Meus Projetos: apresenta uma lista contendo todos os projetos criados pelo usuário, além de oferecer a opção de adicionar um novo projeto por meio do botão 'Novo Projeto'. Ao clicar nesse botão, a janela correspondente à Figura 1 será exibida.
- Tipo do Projeto:
Low-code: projetos com pouca codificação, utiliza recursos visuais que geram rápido desenvolvimento.
Mobile e Web: seu projeto será configurado para o desenvolvimento de
um projeto para mobile e mobile, onde ambos poderão compartilhar banco de dados, funções dos blocos servidor, fontes de dados.aplicações com Front-End (mobile e web) e Back-End.
Informações É possível criar um projeto sem a parte web, bastando somente desmarcar
Escolha essa opção para desenvolver um projeto somente mobile, desmarcando na próxima ela a opção incluir Front-End web na janela de configurações.
High-Code- Apenas Web: seu projeto será configurado para o desenvolvimento de uma aplicação com Front-End (web) e Back-End .
- Microsserviço: projetos de microsserviço envolvem a criação e organização de pequenos serviços independentes, facilitando a modularidade, escalabilidade e manutenção de sistemas mais complexos.
High-code: desenvolvimento convencional com codificação
, utilizando as bibliotecas da IDE. As linguagens disponíveis NodeJs, Java, Python e C#.Net . É possível criar projetos nas plataformas NodeJs, Java e Python em Back-End e JavaScript e TypeScript para o Front-End
;.
Nome do projeto: campo para definir o nome do seu projeto
;Projeto sob versão: Importa um projeto versionado GIT ou SVN. .
Origem do novo projeto:
O projeto está sob controle de versão?: se seu projeto
esta sob controle de versãojá foi iniciado e está em um servidor Git, marque esta opção
para informar a URI e, na próxima tela
;, informe a URL, branch e outras informações do repositório (mais detalhes em Importar e exportar projetos).
Baseado em Modelo existente: essa opção cria um
novo projeto com
base em um modelo básico;Seleciona a versão: Informa um valor para a versão atual do seu projeto.
Low-Code: Desenvolvimento de projetos com pouca codificação
Apenas Web: seu projeto será configurado para o desenvolvimento de uma aplicação Web;| title | Dica: |
|---|
Copiar modelo
um escopo mínimo que já conta com sistema de segurança e autenticação, controle de usuários, log do sistema, cookies e muito mais (acesse Projeto modelo para mais detalhes).
- O projeto está em um arquivo ZIP?: permite importar projetos compactados. Após finalizar, outra tela será aberta para selecionar o arquivo (mais detalhes em Importar e exportar projetos).
Após preencher os campos necessários, clique em Finalizar para ser direcionado para a janela de Projetos Low-code ou High-code.
Âncora projetoLowCode projetoLowCode
Projeto Low-code
Projetos Low-code tem o foco no desenvolvimento rápido de aplicações (RAD) e possui várias ferramentas projetada para facilitar o desenvolvimento com baixa programação. Nesse formato, a criação implementação do seu projeto se torna mais produtiva e fácil. Disponíveis para serem trabalhas nas linguagens Java (Projetos nesse modelo utilizam arquitetura Java em seu Back-End ) e JavaScript (no Front-End e mobile).
Modelo
Os modelos possuem uma série de tecnologias (JPA, AngularJSAngular, Maven, Ionic, SpringBoot e outras) que vem integradas junto com sua aplicação. Atualmente temos disponíveis os modelos Mobile Low-code Project para projetos do tipo mobile ou mobile com e web e , Projeto Web Low-code para projetos somente web.apenas web e Projeto Serviço de dados e Serviço de negócio para projetos de microsserviço.
Selecione a opção disponível e clique em Avançar.
Figura 2 - Modelo para projeto do tipo mobile e web
Âncora config config
Configuração
Após selecionar o modelo disponível para a criação de aplicações Low-code, o ambiente para desenvolvimento com baixa codificação será gerado para você. Mas, antes disso, existe uma tela para fazer os informes dos campos do projeto.
Figura 2 - Informe de campos
A próxima tela permite definir informações como o Id da aplicação e segurança. Essas configurações podem ser alteradas após a criação do projeto.
Realize as configurações desejadas e clique em Avançar.
Figura 3 - Janela de configurações iniciais do projeto apenas web
Id
da aplicação: identificação da aplicação.
Incluir Front-End:
Em projetos
web são gerados arquivos relacionados ao
Front-
End da aplicação.
- Nos projetos mobile e web, desmarque a opção Incluir Font-End web se desejar somente um projeto mobile
- .
Incluir Back-End: seu projeto terá um Back-End Java e poderá fornecer serviços REST para serem consumidos por seu Front-End ou outras aplicações.
Incluir Autenticação esse campo só estará disponível ao selecionar o projeto Low-code web e mobile. Inclui autenticação em projetos do tipo mobile e web. Não é possível marcar esta opção caso a caixa de seleção Incluir Back-End esteja selecionada. Para criar um projeto de front-end mobile e web com autenticação, selecione a caixa de seleção Incluir Front-End junto com a opção Incluir Autenticação. Se apenas a opção Incluir Autenticação for selecionada, será criado um projeto com recursos exclusivamente mobile.
Informações Ao executar o projeto com esta opção ativada, será exibido um aviso solicitando a configuração do HostApp, para configurá-lo para mobile, copie o endereço do servidor da aplicação e cole no campo "Url do servidor", acesse o tópico "Aba Aplicativo" da documentação Menu de Dispositivos Móveis para mais detalhes.
Tipo de autenticação:
define a forma de autenticação dos usuários com o sistema:
Normal: fornece uma estrutura de dados para armazenamento de login, senha e permissões, além de páginas de login e cadastro de usuário;
Token: fornece os mesmos recursos do modo normal, exceto a não utilização do servidor para o usuário; (ENTENDER MELHOR ESSA DIFERENçA)
- .
- Posição do menu:
- define o posicionamento da Barra de navegação web.
Esse campo só estará disponível nessa janela ao selecionar o projeto Low-code Apenas web (destaque 2a da figura 1).- Horizontal: (padrão) menu fica posicionado
- horizontalmente na tela.
- Vertical: menu fica posicionado verticalmente.
- Login por redes sociais:
- permite o usuário acessar a aplicação via redes sociais (veja mais detalhes na documentação Login por redes sociais).
- Autenticação mútua: permite login por certificação digital (veja mais detalhes na documentação Autenticação mútua (certificado digital)).
Tema
Na próxima etapa selecione um dos vários temas disponíveis, o . O tema padrão adotado pelo Cronapp é o Material.
Figura 3 - Seleção do tema
Banco de dados
Nesse momento já é possível definir qual banco será usado no começo do projeto, é possível alterar posteriormente o banco principal ou adicionar novos bancos de dados.
e ele é o único que está em conforme com as normas de acessibilidade (mais detalhes sobre a modificação de temas em Temas e Skins).
Se a opção selecionada na janela de Novo Projeto (Figura 1) foi "Mobile e Web", essa será a última janela, basta clicar em Finalizar e aguardar o carregamento do projeto. Porém, se a opção selecionada foi "Apenas Web", clique em Avançar para ser direcionado para a janela de configuração do Banco de dados.
Figura 4 - Seleção do tema para a aplicação
Âncora bancoDados bancoDados
Banco de dados
O Projeto Low-code Apenas Web (destaque 2a da figura 1) possui uma janela a mais, a de configuração do banco de dados. Essa configuração pode ser feita posteriormente em Banco de dados.
Selecione uma das opção e clique em Finalizar.
Figura 5 Figura 3 - Seleção do banco de dados para a aplicaçãoo projeto Low-code Apenas web
Utilizar banco de dados temporário em disco (H2): é um banco local que utiliza memória e armazenamento em disco, normalmente utilizado para a parte inicial do desenvolvimento do sistema, como teste
; Os . Os containers, onde são publicadas as aplicações no
CronAppCronapp, não possuem armazenamento em disco. Dessa forma, quando sua aplicação for publicada, você poderá até utilizar o banco H2 e tudo irá funcionar, inclusive a gravação e leitura de dados, porém
ao , ao parar a aplicação o container será desligado e os dados perdidos.
Criar ou utilizar banco de dados existente na nuvem
CronApp: o banco na nuvem Cronapp utiliza Cronapp: Utiliza a infraestrutura de armazenamento
da Amazon, garantindo do Serviço de Cloud do Cronapp. Possui confiabilidade, escalabilidade e segurança para o seu projeto.
Bancos de dados na nuvem:
exibe exibe os bancos de dados na nuvem do Cronapp associados a sua conta;
Novo banco de dados na nuvem:
Criar novo Cria banco de dados na nuvem do Cronapp:
+: Nome do banco de dados a ser criado e adicionado a sua conta.
Utilizar outro banco de dados existente:
É
possível utilizar possível utilizar os principais bancos de
dados Mysql, Oracle, SQLServer, Postgresql, H2, BD2, Derby criados fora da plataforma CronApp.Fabricante: o tipo de banco a ser utilizado;
Usuário;
Senha;
Nome do banco: nome do banco de dados a ser utilizado;
dados do mercado (veja mais detalhes em Banco de dados).
Backup automático
Após o carregamento do projeto recém criado, o Cronapp exibirá um pop-up perguntando se deseja habilitar o backup automático desse projeto.
| Informações | ||
|---|---|---|
| ||
Lembramos que o Cronapp não se responsabiliza pelos dados do usuário. O Gerenciador de Backups e o Backup Automático são funcionalidades que têm o intuito de trazer mais segurança, mas não sobrepõem a necessidade do uso de ferramentas de controle de versão, como por exemplo, o GIT, ou backups manuais do seu projeto, através do download do código-fonte. |
Figura 6 - Sistema de backup automático do projeto
Âncora projetoHighCode projetoHighCode
Projeto High-Code
Projetos High-Code não possuem ferramentas que agilizam e facilitam o desenvolvimento, ficando a cargo do desenvolvedor gerar todo o conteúdo de back Back-End e frontFront-endEnd, instalação e configuração de bibliotecas externas.
Além da estrutura de desenvolvimento na nuvem, o Cronapp disponibiliza alguns modelos de tecnologias para integrar ao seu projeto no momento da criação, gerando uma estrutura básica para iniciar o desenvolvimento. Os modelos variam com a linguagem selecionada.
| Painel | ||
|---|---|---|
| ||
|