Fazer a configuração inicial de um projeto java web, do frontend ao banco de dados passando pelo workflow de deploy e ambiente de testes, pode consumir horas de trabalho e ser um tanto improdutiva.
Hoje vou falar da ferramenta Jhipster que nada mais é do que um gerador para oYeoman faz scaffold de um projeto stack java com angularjs no frontend.
Configuração do ambiente
Antes de tudo é necessário ter o Node.js e seu gerenciador de pacotes npm instalados na sua máquina. Os links abaixo são excelentes tutoriais.

Apos se certificar que o Node.Js e o npm estão instalados siga os seguintes passos:
Instale o Yeoman com o comando:

  1. npm install g yo

Instale o bower com o comando:

  1. npm install g bower

Para o task runner do frontend podemos optar entre o Grunt e o Gulp.
No meu projeto vou utilizar o Grunt:

  1. npm install g gruntcli

Para finalizar a configuração do ambiente installe o jhipster

  1. npm install g generatorjhipster

Criando o projeto
Digite:

  1. yo jhipster

É so escolher as configurações de versão do java, banco de dados, autenticação, tradução do angular, build, css.
Consola_008
Ele vai gerar a seguinte estrutura de pastas:
Consola_009
Agora é so rodar o maven:

  1. mvn springboot:run

o projeto vai subir na porta 8080.
tutorial-Google-Chrome_010
Criar entidades e relacionamentos também é trivial.
Consola_0131
 
Books-Google-Chrome_014
 
Bom é isso pessol. Scaffold tem suas limitações mas pode ajudar a ter um ganho de produtividade considerável no início de um projeto e o Jhipster cumpre bem este papel unindo o que existe de mais moderno em frontend e java.
Espero que tenham gostado. Até a próxima.
Este conteúdo foi publicado primeiro em: ricardomurad.com

Autor

Wilson Souza é Gerente de Marketing da Bluesoft. Formado e pós Graduado pela Instituição Mackenzie, possui também MBA pela FGV. Wilson tem mais de 10 anos de experiência na área de Relacionamento e Marketing, atuando em diversas áreas e segmentos do mercado.

4 Comentários

  1. Olá, muito bom o seu tutorial.
    Eu segui o seu tutorial, porem, o meu deu um problema que não consegui resolver. O aplicativo sobre mas no navegador só aparece “This is your footer”.
    Como posso solucionar esse problema? Já deletei e recriei o projeto mais não resolveu.

    • Olá Heitor.
      Parece que o projeto foi criado corretamente mas ele não executou a etapa de gerar o CSS da página.
      Por isso ele mostra a página desconfigurada.
      Verifique se o Compass e o Sass estão instalados instalados corretamente.
      http://sass-lang.com/
      abcs

Deixe aqui o seu comentário