Há várias situações em que você desejará servir arquivos estáticos diretamente ao navegador da web. Imagens, folhas de estilos CSS, código JavaScript, filmes e animações em Flash normalmente são servidos diretamente ao navegador. Por uma questão de eficiência, o Google App Engine serve arquivos estáticos de servidores separados daqueles que invocam servlets.
Como padrão, o Google App Engine disponibiliza todos os arquivos no WAR como arquivos estáticos, exceto JSPs e os arquivos em WEB-INF/. Qualquer solicitação de URL cujo caminho corresponda a um arquivo estático serve o arquivo diretamente ao navegador, mesmo se o caminho também corresponder a um servlet ou a um mapeamento de filtro. Para configurar os arquivos que serão tratados pelo Google App Engine como arquivos estáticos, use o arquivo appengine-web.xml.
Vamos arrumar a aparência do nosso livro de visitas com a folha de estilos CSS. Para este exemplo, não alteraremos a configuração dos arquivos estáticos. Consulte a configuração do aplicativo para obter mais informações sobre como configurar os arquivos estáticos e os arquivos de recursos.
No diretório war/, crie um diretório chamado stylesheets/. Nesse diretório, crie um arquivo chamado main.css e coloque nele o conteúdo abaixo:
|
body {
font-family: Verdana, Helvetica, sans-serif;
background-color: #FFFFCC;
}
Edite war/guestbook.jsp e insira as linhas a seguir logo após a linha <html> do alto:
<html>
<head>
<link type="text/css" rel="stylesheet" href="/stylesheets/main.css" />
</head>
<body>
...
</body>
</html>
Visite http://localhost:8080/. A nova versão usa a folha de estilos.
Chegou o momento de revelar seu aplicativo finalizado ao mundo.
Vá para Envio do seu aplicativo.