Criar um Webapp com JEE7 e Angular
O objetivo deste guia é fornecer informações resumidas de um roteiro para criação de uma Webapp com Demoiselle 3 e no caminho deixar links para os detalhes na documentação, se você quer todos os benefícios de uma app JEE7 com Angular, vamos lá!
Ambiente
Nas versões anteriores do Demoiselle utilizavamos os arquétipos maven para criar apps básicas, mas o arquétipos do maven não tem tantas funcionalidades e possibilidades de evolução, partimos para desenvolver um gerador de código mais moderno e que possa nos dar a flexibilidade que precisamos para evoluir nossas apps.
Apresento o generator-demoiselle (https://github.com/demoiselle/generator-demoiselle\, a partir do projeto Yeoman (http://yeoman.io/\, sendo versátil em nos ajudar a não realizar tarefas repetivivas fazendo isso de forma automatizada, economizando tempo e consequentemente contribuindo com o valor agregado do projeto.
O ambiente com nodejs é necessário para instalar o gerador, da mesma forma que "existem 1000 maneiras de preparar Neston"(se você entendeu esse referência, provavelmente você é do século passado), vamos sugerir uma configuração de ambiente, mas o ideal é encontrar um ajuste que atenda perfeitamente seu projeto.
Primeiro instale o NVM (Node Version Manager), tem praticamente para todos sistemas operacionais, escolhemos ele porque nos dá um gerenciamento das versão que queremos trabalhar. No (https://github.com/creationix/nvm\ tem as várias formas de instalação.
Com seu ambiente instalado vamos começar, instale o yo e o gerador
nvm install v7
npm install -g yo generator-demoiselle
# crie um pasta chamada loja
mkdir loja
cd loja
yo demoiselle
Olha ele aí, já temos uma app básica com o login pronto, vamos ver o que foi criado:
Estes são os arquivos básicos para funcionamento do seu app, para testar siga os passos:
# na pasta backend
cd backend
# digite
mvn clean package -Pwildfly-swarm && java -jar target/app-swarm.jar
(pode ser que necessite instalar o mvn, use: sudo apt install maven)
#Pronto, seu backend está funcionando basta acessar http://localhost:8080/
# Em outra aba, acesse a pasta frontend e digite
npm install (pode ser que necessite instalar o npm, use: nvm install v7.10.0 )
npm start
#Pronto, seu frontend está funcionando, basta acessar http://localhost:7070/