Artigo Java Magazine 48 - DWR: Todo o Poder do Ajax

DWR: Todo o Poder do Ajax

Invoque código Java a partir de JavaScript de maneira simples

Conheça os fundamentos do framework Direct Web Remoting e os recursos poderosos oferecidos para a criação de aplicações Ajax

Veremos nesse artigo como o framework DWR (Direct Web Remoting) suporta a criação de aplicações Ajax avançadas, permitindo invocar código Java no servidor a partir de funções JavaScript e convertendo objetos e parâmetros entre as duas tecnologias.

Visão geral

O framework DWR permite que trechos de código JavaScript na camada cliente invoquem métodos em objetos Java no servidor. Estas invocações são simples, transparentes e ao mesmo tempo robustas. Não é necessário nenhum plug-in instalado no browser. Basta o suporte a JavaScript e Ajax.

O DWR gera código JavaScript baseado em classes Java expostas no servidor e registradas em sua configuração. Através dos objetos gerados, pode-se invocar os métodos do objeto Java. Ao chamar uma dessas funções no objeto JavaScript, acontece uma invocação remota nos métodos correspondentes do objeto residente no servidor .

O ponto central do DWR é o seu servlet, que é responsável pela geração do JavaScript e pelo tráfego e conversão dos dados entre o servidor e o browser. O servlet gera dinamicamente os arquivos .js que representam os objetos Java no servidor; também gera outros arquivos .js que compõem a infra-estrutura do DWR na camada cliente (veremos detalhes sobre isso adiante).

O DWR fornece ainda vários utilitários JavaScript que facilitam a realização de tarefas repetitivas e também o uso de DHTML. Entre as tarefas, podemos destacar a população de elementos, por exemplo de tabelas HTML. Como aplicações Ajax são fortemente baseadas em JavaScript, acabamos tendo que codificar muito na camada cliente, e esses utilitários reduzem bastante esta codificação.

Explorando os principais recursos do DWR

Nessa seção exploraremos alguns dos principais recursos do DWR através de um exemplo simples. Depois criaremos um exemplo mais complexo para ilustrar funcionalidades mais avançadas.

Instalando o primeiro exemplo

Os projetos de exemplo estão disponíveis para download no site da Java Magazine, sendo disponibilizados como WARs. Utilizaremos o Eclipse com WTP (Web Tools Platform) para importar esses WARs – mas você pode usar seu IDE preferido adaptando os passos mostrados no artigo. Também será necessário ter um container web instalado. Recomendamos o Apache Tomcat em sua versão 5.5 ou mais recente. Não será preciso utilizar um banco de dados para o primeiro exemplo. No segundo, utilizaremos o MySQL.

No Eclipse, importe o primeiro exemplo – dwr.war – usando File|Import>Web>WAR. Utilize o nome do projeto como o contexto da aplicação (“/dwr”) e na tela seguinte não selecione nenhum dos JARs para que sejam criados como projetos. A estrutura criada deverá ser similar à da Figura 1.

Figura 1. Estrutura do primeiro exemplo

Podem ocorrer problemas com a versão do código-fonte utilizada no projeto, se mais de uma versão do Java SE estiver configurada no Eclipse. Para corrigir esse problema, clique com o botão direito sobre o projeto, escolha Properties>Java Compiler e mude Compiler compliance level para 5.0. Pode haver problemas também se o “Facet” instalado para a versão do Java não for o da versão 5[1]. Neste caso, clique com o botão direito sobre o projeto e escolha Properties>Project Facet; depois clique em Add/Remove Project Facets.

Entendendo o primeiro exemplo

O primeiro passo na configuração do DWR é a declaração do seu servlet. Na Listagem 1, vemos essa declaração, mapeando o servlet para atender a todas as requisições no caminho /dwr.