Exercício – Criar um aplicativo Web no Eclipse
Depois de instalar o Azure Toolkit for Eclipse, você tem um ambiente que pode usar para criar e implantar aplicativos Web Java no Azure.
Neste exercício, você usará o Eclipse para criar um aplicativo Web Java que usa JSP (Páginas de Servidor Java) para gerar conteúdo dinâmico para uma página da Web. A página exibirá a data e a hora atuais, junto com o endereço IP do computador cliente que está executando o navegador da Web que se conecta ao aplicativo Web. Você testará o aplicativo Web localmente usando o servidor Apache Tomcat.
Criar um novo aplicativo Web
Inicie o Eclipse, caso ele ainda não esteja em execução.
No menu Arquivo, selecione Novo e clique em Projeto Web Dinâmico.
No assistente Novo Projeto Web Dinâmico, na página Projeto Web Dinâmico, insira SampleWebApp na caixa Nome do projeto. Verifique se o Runtime de destino está definido como Apache Tomcat v8.0 e clique em Concluir.
Observação
Se o runtime do Apache Tomcat v8.0 não estiver listado, clique em Novo Runtime e baixe-o
No painel Explorador de Projeto, expanda SampleWebApp, expanda Recursos do Java, clique com o botão direito do mouse em src, selecione Novo e clique em Arquivo JSP.
No assistente Novo Arquivo JSP, na página JSP, verifique se a pasta pai está definida como SampleWebApp/WebContent. Na caixa Nome do arquivo, insira index.jsp e, em seguida, clique em Concluir.
Uma janela do editor de código aparece, exibindo o arquivo index.jsp. Na seção de cabeçalho da página, altere a marcação HTML do título para Aplicativo Web de Exemplo da seguinte maneira:
<head> <meta charset="UTF-8"> <title>Sample Web App</title> </head>
Na seção corpo da página, adicione o código mostrado abaixo:
<body> <%! DateFormat fmt = new SimpleDateFormat("dd/MM/yy HH:mm:ss"); %> <p>Today's date is <%= fmt.format(new Date()) %></p> <p>Your IP address is <%= request.getRemoteAddr() %></p> </body>
Esse código recupera a data atual e, em seguida, a formata e exibe. O código também extrai o endereço IP do cliente da mensagem de solicitação e o imprime.
Perto do topo da página, após a primeira diretiva @page que especifica o idioma e o tipo de conteúdo da página, adicione as duas diretivas @page mostradas no código a seguir:
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <%@ page import ="java.util.*" %> <%@ page import ="java.text.*" %>
Essas diretivas importam as bibliotecas java.util e java.text. O código no corpo da página usa essas bibliotecas.
O script concluído deverá ter esta aparência:
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <%@ page import ="java.util.*" %> <%@ page import ="java.text.*" %> <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Sample Web App</title> </head> <body> <%! DateFormat fmt = new SimpleDateFormat("dd/MM/yy HH:mm:ss"); %> <p>Today's date is <%= fmt.format(new Date()) %></p> <p>Your IP address is <%= request.getRemoteAddr() %></p> </body> </html>
No menu Arquivo, clique em Salvar.
Testar o aplicativo Web localmente
No menu Executar, clique em Executar.
No assistente Executar no Servidor, selecione Servidor Tomcat v8.0 no localhost e clique em Concluir.
Observação
Se você tiver instalado recentemente o Tomcat, talvez não haja um servidor disponível. Nesse caso, selecione Definir manualmente um novo servidor e selecione Servidor Tomcat v8.0.
Você verá algumas mensagens exibidas quando o servidor Tomcat começar a ser executado. O eclipse mostrará a saída do aplicativo Web em uma janela do navegador dentro do IDE, que deve ser semelhante à imagem mostrada abaixo.
Clique no botão Ir para a URL selecionada – a seta verde ao lado da URL na janela Aplicativo Web de Exemplo – para atualizar a página. Você deverá ver a hora mudar conforme a página for gerada novamente e o código Java for executado outra vez.
Parabéns! Você criou um aplicativo Web de exemplo e o implantou localmente usando o Eclipse. No próximo exercício, você implantará o aplicativo Web no Azure.