GWT - Implementar Aplicativo

Este tutorial irá explicar como criar um aplicativo "war" e como implementá-lo na raiz do Apache Tomcat Websever.

Se você entendeu este exemplo simples, também será capaz de implantar um aplicativo GWT complexo seguindo as mesmas etapas.

Vamos ter o Eclipse IDE em funcionamento junto com o plug-in GWT e seguir as etapas a seguir para criar um aplicativo GWT -

Degrau	Descrição
1	Crie um projeto com o nome HelloWorld em um pacote com.tutorialspoint conforme explicado no capítulo GWT - Criar aplicativo .
2	Modifique HelloWorld.gwt.xml , HelloWorld.css , HelloWorld.html e HelloWorld.java conforme explicado abaixo. Mantenha o resto dos arquivos inalterados.
3	Compile e execute o aplicativo para ter certeza de que a lógica de negócios está funcionando de acordo com os requisitos.
4	Por fim, compacte o conteúdo da pasta war do aplicativo na forma de arquivo war e implante-o no servidor da Web Apache Tomcat.
5	Inicie seu aplicativo da web usando o URL apropriado, conforme explicado a seguir na última etapa.

A seguir está o conteúdo do descritor do módulo modificado src/com.tutorialspoint/HelloWorld.gwt.xml.

<?xml version = "1.0" encoding = "UTF-8"?>
<module rename-to = 'helloworld'>
   <!-- Inherit the core Web Toolkit stuff.                        -->
   <inherits name = 'com.google.gwt.user.User'/>

   <!-- Inherit the default GWT style sheet.                       -->
   <inherits name = 'com.google.gwt.user.theme.clean.Clean'/>

   <!-- Specify the app entry point class.                         -->
   <entry-point class = 'com.tutorialspoint.client.HelloWorld'/>

   <!-- Specify the paths for translatable code                    -->
   <source path = 'client'/>
   <source path = 'shared'/>

</module>

A seguir está o conteúdo do arquivo de folha de estilo modificado war/HelloWorld.css.

body {
   text-align: center;
   font-family: verdana, sans-serif;
}

h1 {
   font-size: 2em;
   font-weight: bold;
   color: #777777;
   margin: 40px 0px 70px;
   text-align: center;
}

A seguir está o conteúdo do arquivo host HTML modificado war/HelloWorld.html.

<html>
   <head>
      <title>Hello World</title>
      <link rel = "stylesheet" href = "HelloWorld.css"/>
      <script language = "javascript" src = "helloworld/helloworld.nocache.js">
      </script>
   </head>

   <body>
      <h1>Hello World</h1>
      <div id = "gwtContainer"></div>
   </body>
</html>

Eu modifiquei um pouco o HTML do exemplo anterior. Aqui, criei um espaço reservado <div> ... </div> onde inseriremos algum conteúdo usando nossa classe java de ponto de entrada. Então, vamos ter o seguinte conteúdo do arquivo Javasrc/com.tutorialspoint/HelloWorld.java.

package com.tutorialspoint.client;

import com.google.gwt.core.client.EntryPoint;
import com.google.gwt.user.client.ui.HTML;
import com.google.gwt.user.client.ui.RootPanel;

public class HelloWorld implements EntryPoint {
   public void onModuleLoad() {
      HTML html = new HTML("<p>Welcome to GWT application</p>");
      
      RootPanel.get("gwtContainer").add(html);
   }
}

Aqui, criamos um HTML básico e o adicionamos dentro da tag div com id = "gwtContainer". Estudaremos diferentes widgets do GWT nos próximos capítulos.

Quando você estiver pronto com todas as alterações feitas, vamos compilar e rodar o aplicativo em modo de desenvolvimento como fizemos no capítulo GWT - Criar Aplicativo . Se tudo estiver bem com sua aplicação, isso produzirá o seguinte resultado -

Criar arquivo WAR

Agora nosso aplicativo está funcionando bem e estamos prontos para exportá-lo como um arquivo de guerra.

Siga as seguintes etapas -

Vá para o seu projeto war diretório C:\workspace\HelloWorld\war
Selecione todos os arquivos e pastas disponíveis no diretório war.
Compacte todos os arquivos e pastas selecionados em um arquivo chamado HelloWorld.zip .
Renomeie HelloWorld.zip para HelloWorld.war .

Implantar arquivo WAR

Pare o servidor tomcat.
Copie o arquivo HelloWorld.war paratomcat installation directory > webapps folder.
Inicie o servidor tomcat.
Olhe dentro do diretório webapps, deve haver uma pasta helloworld foi criado.
Agora HelloWorld.war foi implantado com sucesso na raiz do Tomcat Webserver.

Executar aplicativo

Insira um url no navegador da web: http://localhost:8080/HelloWorld para lançar o aplicativo

O nome do servidor (localhost) e a porta (8080) podem variar de acordo com a configuração do seu tomcat.

↰ Previous page Next page ↱