Ricardo Serathiuk

Utilizando Google Web Toolkit(GWT) 1.6 com o Eclipse Ganymede

Como prometido em janeiro, começo a série de tutorias sobre GWT. Faz tempo que tinha postado que iria começar a postar sobre, mas resolvi esperar sair a versão 1.6 do GWT. Demorou mais que eu esperei essa versão, mas saiu e com algumas novidades bacanas e coisas que eu nem esperava. Eu já tinha um esboço pronto deste primeiro tutorial. Mas tinha escrito ele para utilizar GWT 1.5 com Cypal Studio. Mas o Google lançou um plugin próprio para utilizar GWT no Eclipse. Então resolvi reescrever o tutorial. Tentei deixar o mais simples e objetivo possível. Acredito eu que consegui atingir isso. Estou levando em conta que você já possui o Eclipse Ganymede(3.4) em sua máquina. Caso não possua, vá em http://www.eclipse.org/downloads e baixe o  ‘Eclipse IDE for Java EE Developers’.

Instalando o Google Plugin

1. Com o Eclipse aberto, vá em Help/Software Updates
2. Entre na aba ‘Avaliable Software’
3. Clique em ‘Add Site’
4. Coloque o endereço http://dl.google.com/eclipse/plugin/3.4 e clique em OK
   

   Tela Cadastro Plugin Eclipse

5. Marque todos os item como na imagem e clique no botão Install.
   

   Tela Seleção Modulos Plugin GWT

6. Espere ele verificar e baixar os requisitos e pendências (esta parte pode demorar)
   

   Tela Procurando Pendencias GWT

7. Depois disso é só dar um Next, aceitar os termos(faça de conta que você leu) e clique em Finish.
8. Depois disso ele vai instalar o plugin e acabou aí. Reinicie o Eclipse e o plugin já vai estar disponível para uso.

Criando e testando um projeto GWT

1. Com o Eclipse aberto, vá em File / New / Other
2. No item Google, selecione ‘Web Application Project’ e clique em Next.
   

   Seleção Tipo Projeto GWT

3. Em Project Name coloque o nome do projeto(utilizei ProjetoTeste) e em Package preencha o pacote da Aplicação(utilizei com.serathiuk.teste.projetoteste). Deixe tudo marcado como está e clique em Finish.
   

   Tela Configuração Projeto GWT

4. Pronto.  O projeto está criado. Vamos testa-lo.
5. Para testa-lo, vá em Run / Run Configuration
6. Selecione o item com o nome do projeto em Web Application.
   

   Tela Rodar Aplicação GWT

7. Clique em Run.
8. Se funcionar tudo ok, irá aparecer uma janela como a da imagem.
   

   Tela Hosted Mode GWT

Considerações finais

Este artigo tinha como intuito dar o primeiro pontapé no GWT. Não foi feito nada demais, só rodamos um exemplo já existente. Mas no próximo pretendo escrever como fazer um formulário simples acessando dados do servidor. Mas é isso. Espero que tenham gostado e critiquem a vontade nos comentários.