Tutorial de utlização do Google App Engine com aplicações Java Web

Esta é uma pré-visualização de arquivo. Entre para ver o arquivo original

1 
 
CENTRO UNIVERSITÁRIO DE FORMIGA – UNIFOR 
CURSO DE CIÊNCIA DA COMPUTAÇÃO 
 
HÉRICA CRISTINA MELO 
JOSÉ GERALDO DANTAS NUNES 
JULIANA SILVA NUNES 
 
 
 
 
 
Tutorial de utilização do Google App Engine com aplicações Java Web 
 
 
 
 
 
 
 
 
 
 
 
 
FORMIGA – MG 
Novembro/2014 
2 
 
Sumário 
 
1. Objetivo ................................................................................................................................ 3 
2. Requisitos necessários ...................................................................................................... 4 
3. Instalando o plugin do Google App Engine no Eclipse. ............................................... 5 
4. Criando uma aplicação básica. ........................................................................................ 8 
5. Testando a aplicação localmente .................................................................................. 10 
6. Inserindo a aplicação na plataforma do Google App Engine. ................................... 14 
7. Teste e resultado final...................................................................................................... 19 
 
 
 
 
 
 
 
3 
 
1. Objetivo 
 
Tendo em vista as difuldades em trabalhar com novas tecnologias, este 
tutorial tem por objetivo apresentar, de forma simples e básica, como criar 
aplicações java web e inseri-las na plataforma do Google, o Google App Engine. 
Este tutorial não entrará em detalhas sobre o Eclipse ou o Google App Engine, 
para maiores informações pesquise pela documentação do Google e Eclpise. 
 
 
 
 
4 
 
2. Requisitos necessários 
 
Para criar uma aplicação Java web e inserí-las na plataforma do Google App 
Engine será necessário atender às seguintes especificações: 
 Possuir uma conta de usuário no Google. Se não possue, acesse: 
 
https://accounts.google.com/SignUp?service=ah&continue=https%3A%2
F%2Fappengine.google.com%2F_ah%2Fconflogin%3Fcontinue%3Dhttp
s%3A%2F%2Fappengine.google.com%2Fstart%2Fcreateapp&ltmpl=ae 
 
 Plugins do Java para poder utilizar a IDE de desenvolvimento e executar 
os testes: 
 
o JRE: 
http://www.oracle.com/technetwork/java/javase/downloads/jre8-
downloads-2133155.html 
 
o JDK: 
http://www.oracle.com/technetwork/java/javase/downloads/jdk8-
downloads-2133151.html?ssSourceSiteId=otnpt 
 
 
 IDE de desenvolvimento em Java para plataforma Web, neste caso será 
utilizado o Eclipse Luna: https://www.eclipse.org/downloads/ 
 
 Plugin do Google para desenvolvimento em Java para Eclipse: 
https://developers.google.com/eclipse/docs/download?csw=1 
 
 
Caso já possua todos os itens instalados, seu computador está ápto para 
começar a criar a aplicação e começar a conexão com a plataforma do Google. 
Sendo assim, vá direto ao tópico Criando uma aplicação básica (página 8). 
 
 
 
5 
 
3. Instalando o plugin do Google App Engine no 
Eclipse. 
 
Se seu Eclipse não possui o plugin do Google para desenvolvimento em 
Java, Abra o Eclipse e siga os passos a seguir: 
 
1. Acesse o caminho Help > Install New Software… 
 
 
 
2. Ao abrir a janela, clique no botão Add, e na pequena janela que abrirá em 
seguida, informe um nome opcional do plugin e o endereço para download 
do plugin. Neste caso, o nome informado foi Google App Engine e o 
endereço para download é https://dl.google.com/eclipse/plugin/4.4 e 
clique em OK. 
 
6 
 
 
 
3. Irá aparecer uma lista de itens para download, selecione todos e clique 
em Finish para iniciar o download e instalação. 
7 
 
 
 
4. Ao finalizar o download, reinicie o Eclipse e repare que irá aparecer um 
ícone azul com a letra G (PDT Puldown) na barra de ferramentas. Ao clicar 
neste ícone, perceba que haverá outros ícones, um ícone vermelho 
quadrado (GWT Compile Project…) e outro com o símbolo do Google App 
Engine (uma turbina de avião com asas, Deploy to App Engine…). Estes 
ícones serão necessários para a criação e ligação com a plataforma do 
Google. Agora o Eclipse está pronto para desenvolver a aplicação web. 
 
 
8 
 
4. Criando uma aplicação básica. 
 
Com o IDE devidamente configurado, vamos criar uma aplicação web 
básica, sem nenhum componente, API ou qualquer outra coisa a mais, 
apenas para aprendizado. 
1. Para criar a aplicação, clique no ícone PDT Puldown que foi adicionado 
com o plugin do Google e selecione a opção New Web Aplication 
Project… 
 
 
 
2. Na janela que se abre em seguida, no campo Project Name informe um 
nome para o projeto, e no campo Package informe um nome para o 
pacote que o projeto será inserido. Para este exemplo, criaremos o projeto 
OlaMundo e será inserido no pacote br.com.exemplo.olamundo. 
Mantenha as outras opções marcadas como aparecem na imagem a 
seguir e clique em Finish. 
9 
 
 
 
Se chegou até com sucesso, sua aplicação já está apta para ser 
compilada e executada localmente pelo Eclipse. No próximo tópico iremos 
adicionar algumas linhas de código básicas para teste e executá-la 
localmente. 
 
 
10 
 
5. Testando a aplicação localmente 
 
 Após ter criado o projeto, será adicionado algumas linhas de código que 
irá exibir um pequeno texto de exemplo quando o projeto for executado, apenas 
com o objetivo de termos a certeza de que a criação está ocorrendo 
corretamente. Caso já saiba programar aplcações Web em Java, ignore estes 
passos e passe para o próximo tópico. 
1. Nas pastas do projeto recém criado, observe que há o diretório war, ele 
contém o arquivo OlaMundo.html. Este arquivo contém códigos de 
marcação de texto e iremos inserir um texto que este projeto deverá 
apresentar como teste. Inseria o texto abaixo como segue na imagem: 
 <center> 
Olá mundo ! </br> 
Minha primeira aplicação no Google App Engine.</br> 
 Chupa sociedade !</br> 
</center> 
 
As tags <center> e </center> indicam que o texto deverá ser centralizado, 
e o </br> indica quebra de linha. Estas tagas não irão alterar 
significativamente a aplicação, são apenas tags (códigs) HTML para 
formatação/identação de texto. Após inserir o texto acima, salve o projeto. 
 
 
2. Após inserir este pequeno texto de exemplo, vamos compilar o projeto e 
executá-lo. Para realizar esta tarefa, localize e clique sobre o item GDT 
Pulldown>GWT Compiler Project … presente no novo componete 
11 
 
adicionado juntamente com o plugin descrito ao final do tópico Instalando 
o plugin do Google App Engine no Eclipse. 
 
 
 
3. Quando terminar de compilar, vamos executar o projeto, para isso clique 
com o botão direito do mouse sobre a pasta do projeto e selecione o item 
de menu Run As > Web Aplication. 
 
12 
 
 
 
4. Após este passo, abra um navegador web de sua preferencia e acesse o 
seguinte endereço: http://localhost:8888/ . Este endereço irá mostrar a 
aplicação recém criada, e seu tudo ocorrer corretamente, o texto inserido 
deverá aparecer no centro da tela. Os outros componetes e textos 
presentes na tela são padrões criados pelo Eclipse durante a criação do 
projeto. 
 
13 
 
 
Caso tudo tenha ocorrido bem até aqui e a tela acima apareceu como 
esperado, a aplicação terá grandes chances de ser exportado para a plataforma 
do Google App Engine, como será apresentado no próximo tópico. 
 
 
14 
 
6. Inserindo a aplicação na plataforma do Google 
App Engine. 
 
Neste tópico iremos exportar a aplicação para o Google App Engine, para 
isto, acesse o console de desenvolvimento do Google
no endereço abaixo para 
que o Google possa receber e vincular a aplicação criada no Eclipse. Clique no 
botão Create Project que aparecerá em seguida. 
https://console.developers.google.com/project 
 
 
1. Ao clicar em Create Project, informe um nome em Project Name para 
sua aplicação e um Project-ID único, que será utilizado para identificar 
sua aplicação recém criada no Google App Engine e vinculá-la ao Eclipse. 
Neste exemplo será utilizado o Project-ID sugerido pelo Google. Clique 
em Create para finalizar a criação. Note que o nome dado a este projeto 
(Ola-Mundo) é diferente do nome dado ao projeto (OlaMundo) criado no 
Eclipse, portanto, não precisa ser obrigatoriamente o mesmo. 
15 
 
 
 
2. Ao criar o projeto, teremos a imagem abaixo. O Google App Engine está 
pronto para receber a aplicação. Note que, obviamente, os itens 
Requests e Errors estão com valor zero, quando a aplicação for 
acessada, estes valores não deverão ser os mesmos. 
 
 
 
3. Agora que os projetos foram criados vamos vinculá-los para que a 
aplicação funcione apartir do Google. Abra o projeto presente no Eclipse 
e localize o item de menu GDT Pulldown > Deploy to App Engine. 
 
16 
 
 
 
 
4. Na jenla que abre, no campo Project (ao lado do botão Browse…), 
indique o nome do projeto criado no Eclipse que deseja vincular/exportar 
ao Google App Engine. 
 
17 
 
5. Deixe o outros checkbox marcados como estão e clique no link App 
Engine project settings… Ao aparecer a janela abaixo, no campo 
Application ID, informe o Project-ID do projeto criado no Google App 
Engine e confirme em OK. 
 
 
 
 
18 
 
6. Quando retornar para a janela anterior, clique em Deploy, isso fará com 
que o Eclipse envie o projeto para a plataforma do Google. 
 
 
 
Ao clicá-lo talvez será necessário informar o e-mail e senha onde 
está localizado o projeto criado no Google App Engine. Este procedimento 
é necessário para concretizar o vínculo entre os dois projetos. Após a 
confirmação da conta do usuário. Quando terminar o processo de Deploy, 
a aplicação estará pronta para ser acessada. 
 
 
19 
 
7. Teste e resultado final 
 
Após seguir todos os procedimentos descritos anteriormente, a 
aplicação web criada no Eclipse já está incorporada ao Google App 
Engines e pronta para ser acessada pela internet. 
 
Para acessar a aplicação através da internet, abra um nevegador 
de sua preferencia e acesse o endereço: http://<application 
id>.appspot.com/ 
 
Note que este endereço é diferente do endereço 
(http://localhost:8888/) que foi acessado no outro teste, sendo o 
<application id> substituído pelo Project-ID do projeto criado no Google 
App Engine. 
 
 
A imagem acima mostra a aplicação de teste sendo acessada pela 
internet, diferentemente do teste realizado localmente como apresentado 
anteriormente. Na imagem a seguir, percebe-se através do item Requests que 
o aplicativo foi acessado por uma requisição feita de algum computador, já que 
o valor inicial (zero) foi alterado.