Configurando o Eclipse para desenvolver SAPUI5

Antes de começar, vou considerar que já estamos com o Eclipse instalado e configurado para utilizar o ABAP Development Tools (ADT).
 Ainda não está?
Clique aqui e faça esse pré-requisito (ah, instale o Eclipse Luna).

1º Passo

Configurar variáveis de ambiente no Windows: 

>> Clicar em Iniciar - Executar

 >> Digitar "control sysdm.cpl" (sem as aspas) e clicar em OK

>>> Na Janela que abrir (Propriedades do Sistema), Clicar na aba Avançado e depois em Variáveis de ambiente

>>> Em Variáveis de usuário, clicar em Novo

* Nome da variável: JAVA_HOME
* Valor da variável: Local aonde o JDK está instalado (no meu caso: C:\Program Files\Java\jdk1.8.0_60)
>>> Clicar em OK

>>> Em Variáveis do sistema, escolher a variável Path e clicar em Editar (repare que na imagem a variável JAVA_HOME já está configurada)

* Valor da variável: No final do valor adicione ";%JAVA_HOME%;"
>>> Clicar em OK

>>> Clicar em OK na janela Variáveis de Ambiente
>>> Clicar em OK na janela Propriedades do Sistema

* Aqui termina a configuração do JDK, mas agora iremos testar se está tudo correto

>> Clicar em Iniciar-Executar
>> Digitar "cmd" (sem as aspas) e clicar em OK
>>> No Prompt de Comando que abrir, digitar "java -version" (sem as aspas) e apertar ENTER

* Assim está demonstrado que a JVM pode ser instanciada.


2º Passo
Instalar um servidor Java Web (vou instalar o Apache Tomcat 7.0)
Para escolher a melhor versão clique AQUI (vou instalar o Core Windows 64-bits)
Extrair o arquivo zip e guardar o locar que extraiu (eu extrai em: C:\Program Files\Apache_Tomcat)

* Para verificar se está tudo OK, entre na pasta "bin" e dê duplo-clique no arquivo "startup"

* Depois de um tempo tem que aparecer a última linha: ".....Server startup in XXXX ms" (demonstrando que o Servidor foi iniciado)

* Para encerrar o servidor dê duplo-clique no arquivo "shutdown"

*Assim já encerrará a janela que abriu com o "startup"


3º Passo
Adicionar o Servidor Web no Eclipse (Vou utilizar o Luna porque, neste momento, é a última versão que contém todas as ferramentas disponíveis)
>> Clicar em File-New-Other

>> Escolher Server-Server, clicar em Next

>> Escolher Apache-Tomcat v7.0 Server
* Server's host name: localhost
* Server name: Tomcat v7.0 Server at localhost
* Server runtime environment: Apache Tomcat v7.0
>> Clicar em Finish

* Eclipse na Visão Java EE (Canto Superior Esquerdo) e com o servidor configurado

4º Passo
Instalar o SAPUI5 Plugin
>> Clicar em Help-Install New Software

>> Na tela que abrir clicar em ADD e configurar o novo Repositório conforme a versão do Eclipse, e clicar em OK
Luna: https://tools.hana.ondemand.com/luna/
>> Escolher UI Development Toolkit for HTML5
>> Clicar em Next, Novamente em Next, Aceitar os Termos de Licença e clicar em Finish

5º Passo
Configurar o Back-end
>> Clicar em File-New-Other

>> Escolher SAPUI5 Application Development-Application Project, clicar em Next

* Project Name: sapui5Testes (qualquer nome para o seu projeto), Clicar em Next
*** Como eu tenho o Mars e o Luna instalados, eu criei um novo workspace somente para o Luna

* Name: mainView (qualquer nome para a sua principal visão)
* Escolher JavaScript
* Clicar em Finish

Nesse ponto já está tudo configurado e pronto para os desenvolvimentos.

* Cara do Eclipse

* Para testar: clicar em index.html e em "Run As..."

* Escolher "Run on Sever", clicar em OK

* Escolher o servidor que acabamos de configurar, marcar a opção "Always use this server when running this project", clicar em Finish

* Pronto, aqui está a aplicação teste rodando no servidor local