Avançar para a área de conteúdo

Ao clicar em Enviar, você concorda com os termos e condições do developerWorks.

Na primeira vez que você efetua sign in no developerWorks, um perfil é criado para você. Informações selecionadas do seu perfil developerWorks são exibidas ao público, mas você pode editá-las a qualquer momento. Seu primeiro nome, sobrenome (a menos que escolha ocultá-los), e seu nome de exibição acompanharão o conteúdo que postar.

Todas as informações enviadas são seguras.

  • Fechar [x]

Ao se conectar ao developerWorks pela primeira vez, é criado um perfil para você e é necessário selecionar um nome de exibição. O nome de exibição acompanhará o conteúdo que você postar no developerWorks.

Escolha um nome de exibição de 3 - 31 caracteres. Seu nome de exibição deve ser exclusivo na comunidade do developerWorks e não deve ser o seu endereço de email por motivo de privacidade.

Ao clicar em Enviar, você concorda com os termos e condições do developerWorks.

Todas as informações enviadas são seguras.

  • Fechar [x]

Construir uma Aplicação Ativada por Ajax Usando o Google Web Toolkit e o Apache Geronimo, Parte 1: Executar Aplicações Compiladas pelo Google Web Toolkit no Geronimo

Michael Galpin, Software architect, eBay
Michael Galpin's photo
Michael Galpin vem desenvolvendo software Java profissionalmente desde 1998. Atualmente, ele trabalha no Ludi Labs, um negócio novo em Mountain View, Calif. Ele possui formação superior em matemática do California Institute of Technology.

Resumo:  As aplicações da Web ativadas por Asynchronous Java™Script + XML (Ajax) impressionaram muito o mundo de desenvolvimento de software. Algumas das mais notáveis foram construídas pela Google. Esta série de tutoriais em duas partes mostra como o Google Web Toolkit (GWT) e o Apache Geronimo podem ajudar a construir rapidamente aplicações da Web Ajax sofisticadas —sem precisar gravar nenhum componente JavaServer Pages (JSP), servlets ou JavaScript.

Visualizar mais conteúdo nesta série

Data:  08/Mai/2007
Nível:  Intermediário

Atividade:  5010 visualizações
Comentários:  

Antes de Começar

Este tutorial, o primeiro de uma série em duas partes, é para desenvolvedores de Java que desejam criar aplicações da Web ativadas por Ajax e desejam aprender sobre GWT e Apache Geronimo.

Sobre esta Série

As aplicações da Web ativadas por Ajax tornaram-se incrivelmente populares recentemente. Ajax faz com que as aplicações da Web comportem-se de forma muito semelhante a aplicações de desktop. Oferecem maior interatividade e funcionalidade do que a geração anterior de aplicações da Web. E o Geronimo fornece a plataforma perfeita para construir aplicações da Web ativadas por Ajax.

No entanto, construir aplicações da Web ativadas por Ajax é mais difícil do que construir aplicações da Web tradicionais. Envolve muito desenvolvimento de JavaScript e Dynamic HTML (DHTML). Sutilezas entre diferentes navegadores—e, até mesmo, entre diferentes versões do mesmo navegador —complicam ainda mais as coisas. O GWT é uma das muitas estruturas Ajax que facilita seu trabalho usando uma nova abordagem que permite gravar todo o seu código na linguagem Java e gera todo o JavaScript. Os dois tutoriais desta série cobrem os seguintes tópicos:

  • A Parte 1 foca a introdução ao GWT e a criação de uma aplicação da Web simples ativada por Ajax para recuperar cotações de ações.
  • A Parte 2 mostra como tornar a aplicação de cotações de ações mais sofisticada e como transformá-la em uma aplicação de portfólio de ações, usando o GWT e o Geronimo.

Sobre este Tutorial

Verifique o Centro de Recursos Ajax, sua loja de conveniências para obter informações sobre o modelo de programação Ajax, incluindo artigos e tutoriais, fóruns de discussão, blogs, wikis, eventos e notícias. Se estiver acontecendo, é coberto aqui.

Neste tutorial, constrói-se uma aplicação da Web ativada por Ajax usando o GWT e descobre-se como é fácil desenvolver aplicações GWT e implementá-las usando o Geronimo.

Este tutorial cobre:

  • Instalação do GWT.
  • Uso das ferramentas da linha de comando do GWT.
  • Desenvolvimento programático da UI usando widgets do GWT.
  • Criação de um serviço ativado por Ajax chamado por sua aplicação da Web.
  • Construindo e implementando a aplicação usando o Geronimo.

Pré-requisitos

Este tutorial é sobre a construção de uma aplicação da Web Java, mas será necessário entender apenas o básico de servlets Java. O GWT usa muitas ideias comuns a outras tecnologias, como gerenciamento de layout, sistemas de eventos e remote procedural calls (RPCs), portanto, exposição anterior a essas ideias facilita o domínio do GWT. Você também irá trabalhar com o Console do Geronimo, HTML e cascading style sheets (CSS), portanto, alguma familiaridade com essas ferramentas é útil.

Requisitos do Sistema

O software a seguir é necessário para configurar seu ambiente de desenvolvimento antes de iniciar:

  • Geronimo 2.0 com Tomcat — A aplicação da Web de amostra neste tutorial foi construída usando-se o Geronimo com Tomcat, mas também deve funcionar com o Geronimo com Jetty, pois tudo é padrão Java Platform, Enterprise Edition (Java EE). Este tutorial usa o Geronimo 2.0 (M3), mas deve funcionar com versões mais antigas do Geronimo também.
  • Java 5 ou Java 6 — A aplicação da Web de amostra usa genéricos e anotações. Foi desenvolvida usando Java 6, mas também foi testada com relação a Java 5.
  • Implementação Apache Jakarta de JSTL 1.1 — Geronimo 1.1 é uma implementação certificada de J2EE 1.4, portanto, é necessário usar JSTL 1.1.
  • Google Web Toolkit — Este tutorial é todo sobre o GWT; faça download do GWT 1.3.3 para este tutorial.
  • Eclipse — A aplicação da Web de amostra é construída usando o Eclipse, como verá nas capturas de tela. O GWT inclui uma ferramenta de linha de comando conveniente para criar um projeto Eclipse de estrutura. Não é difícil construir aplicações GWT sem o Eclipse, mas a Eclipse fornece um excelente depurador para depurar sua aplicação GWT.

Instalar o GWT

Para começar a utilizar o GWT, você precisa instalá-lo primeiro. Ao ir para a página de download do GWT, ela apresenta uma distribuição do GWT específica para seu sistema operacional. Isso se deve ao GWT incluir diversos executáveis de linha de comando para gerar artefatos necessários para sua aplicação. Alguns dos artefatos criados incluem executáveis para executar o compilador de Java para JavaScript do GWT e para executar sua aplicação em modo hospedado.

Após ter transferido o GWT por download, extraia-o e navegue até o diretório onde foi extraído. Deve-se ver arquivos semelhantes àqueles da Figura 1.


Figura 1. Diretório de Instalação do GWT
Diretório de Instalação do GWT

Observe os arquivos executáveis, como applicationCreator.cmd e projectCreator.cmd. Eles serão usados para gerar sua aplicação e um projeto Eclipse para sua aplicação. Você também pode querer criar uma variável de ambiente — GWT_HOME, por exemplo. O tutorial refere-se a essa variável.

Isso é tudo para a instalação do GWT! Nenhum instalador para executar ou algo parecido. Simplesmente extraia o archive e estará pronto para iniciar a construção de uma aplicação da Web usando o GWT.

1 de 9 | Próximo

Comentários



static.content.url=http://www.ibm.com/developerworks/js/artrating/
SITE_ID=80
Zone=Software livre
ArticleID=397698
TutorialTitle=Construir uma Aplicação Ativada por Ajax Usando o Google Web Toolkit e o Apache Geronimo, Parte 1: Executar Aplicações Compiladas pelo Google Web Toolkit no Geronimo
publish-date=05082007
author1-email=mike.sr@gmail.com
author1-email-cc=cappel@us.ibm.com

Tags

Help
Use o campo de pesquisa para encontrar todos os tipos de conteúdo no My developerWorks com essa tag.

Use a barra de rolagem para ver mais ou menos tags.

Tags populares mostra as principais tags para esta zona de conteúdo em particular (por exemplo, Java technology, Linux, WebSphere).

Minhas tags mostra suas tags para esta zona de conteúdo em particular (por exemplo, Java technology, Linux, WebSphere).

Use o campo de pesquisa para localizar todos os tipos de conteúdo no Meu developerWorks com essa tag. Tags populares mostra as tags principais para essa zona de conteúdo particular (por exemplo, tecnologia Java, Linux, WebSphere). My tags shows your tags for this particular content zone (for example, Java technology, Linux, WebSphere). Minhas tags mostra as suas tags para essa zona de conteúdo em particular (por exemplo, tecnologia Java, Linux, WebSphere).