E esta é a terceira parte da instrução de como configurar um ambiente básico para desenvolvimento.
Enfim vamos criar um aplicativo UI5 pelo SAP Web IDE, que lê dados do SAP Gateway.
Link para parte 1
Link para parte 2
Texto original de Cristiano Marques
Serão executados os seguintes passos:
- Criar aplicativo com base em um template
- Executar o aplicativo e testar o serviço oData
- Fazer deploy do aplicativo no Fiori Lauchpad
1 - Criar aplicativo com base em um template
- Abra o SAP Web IDE usando o link que foi disponibilizado na parte 1;
- Na tela inicial, clique em New Project from Template;
- Selecione SAP Fiori Worklist Application e clique em Next;
- Crie um nome, descrição e namespace e clique em Next;
- Na aba Data Connection é onde será selecionado o ambiente SAP Gateway e o serviço oData a ser utilizado.
Em Sources selecione Service Catalog, e escolha na lista ao lado o sistema ES5 que foi cadastrado no SAP Cloud Platform;
- Em Services, digite 'flight' para filtrar, e selecione o serviço RMTSAMPLEFLIGHT.
Este é o serviço oData para o tradicional modelo de dados FLIGHT, que serve como base de dados para vários exemplos da SAP.
Depois de selecionar o serviço clique em Next;
- Na aba seguinte, preencha os dados:
App type = Standalone
Object Collection = CarrierCollection
Object Collection ID = carrid
Object Title = CARRNAME
Clique em Finish;
2 - Executar o aplicativo e testar o serviço oData
- A área de desenvolvimento será exibida. Selecione a pasta do aplicativo que voce criou, e clique em Run;
- Como é a primeira execução, será perguntado qual arquivo deve ser executado. Selecione index.html e clique em OK;
- O aplicativo será aberto em nova aba. Aguarde o carregamento, que pode ser mais demorado por ser o primeiro. Se estiver em dúvida se realmente está funcionando, acompanhe o carregamento pelo debugger (tecla F12 no Google Chrome);
- Após o carregamento do aplicativo os dados serão exibidos na tela.
- E a barra de filtros já funciona também.
3 - Fazer deploy do aplicativo no Fiori Lauchpad
- Clique com o botão direito na pasta do seu projeto, e selecione Deploy à Deploy to SAP Cloud Platform.
- Uma janela de configurações será aberta. Você pode alterar o nome do seu aplicativo publicado, fornecer um número de versão diferente ou desativá-lo. Para este exercício, use as configurações padrão e escolha Deploy.
- Em seguida, será exibido um pop-up com a mensagem de sucesso e os links para o aplicativo implantado, o que significa que ele está acessível na Internet por meio desse link. Clicar no primeiro link abrirá o aplicativo.
- O segundo link exibe as configurações do seu aplicativo no Cockpit do SAP Cloud Platform, onde você pode gerenciar todos os aplicativos em sua conta na nuvem.
- Ao clicar no segundo link, você pode ver o aplicativo no Cockpit do SAP Cloud Platform. O link publicamente disponível, bem como as configurações estão todos lá.
- Voltando à tela do SAP Web IDE, clique em Register to SAP Fiori Lauchpad.
- Escolha uma descrição, marque o flag em Intent, e clique em Next;
- Mantenha o tipo como estático, selecione um título e um subtítulo para o bloco. Clique em Next;
- Escolha o site, catalogo e grupo criados na parte 1. Clique em Next;
- Clique em Finish.
- A tela de sucesso será exibida. O primeiro link abre diretamente o aplicativo, mas já é a versão hospedada no Launchpad.
- O segundo link abre o lauchpad, onde você pode consultar os blocos registrados;
E chegamos ao fim do começo. Pois a partir de agora você poderá editar o seu aplicativo para inserir nele as regras de negócios solicitadas pelos usuários. Bons estudos!
Enfim vamos criar um aplicativo UI5 pelo SAP Web IDE, que lê dados do SAP Gateway.
Link para parte 1
Link para parte 2
Texto original de Cristiano Marques
Serão executados os seguintes passos:
- Criar aplicativo com base em um template
- Executar o aplicativo e testar o serviço oData
- Fazer deploy do aplicativo no Fiori Lauchpad
1 - Criar aplicativo com base em um template
- Abra o SAP Web IDE usando o link que foi disponibilizado na parte 1;
- Na tela inicial, clique em New Project from Template;
- Selecione SAP Fiori Worklist Application e clique em Next;
- Crie um nome, descrição e namespace e clique em Next;
- Na aba Data Connection é onde será selecionado o ambiente SAP Gateway e o serviço oData a ser utilizado.
Em Sources selecione Service Catalog, e escolha na lista ao lado o sistema ES5 que foi cadastrado no SAP Cloud Platform;
- Em Services, digite 'flight' para filtrar, e selecione o serviço RMTSAMPLEFLIGHT.
Este é o serviço oData para o tradicional modelo de dados FLIGHT, que serve como base de dados para vários exemplos da SAP.
Depois de selecionar o serviço clique em Next;
- Na aba seguinte, preencha os dados:
App type = Standalone
Object Collection = CarrierCollection
Object Collection ID = carrid
Object Title = CARRNAME
Clique em Finish;
2 - Executar o aplicativo e testar o serviço oData
- A área de desenvolvimento será exibida. Selecione a pasta do aplicativo que voce criou, e clique em Run;
- Como é a primeira execução, será perguntado qual arquivo deve ser executado. Selecione index.html e clique em OK;
- O aplicativo será aberto em nova aba. Aguarde o carregamento, que pode ser mais demorado por ser o primeiro. Se estiver em dúvida se realmente está funcionando, acompanhe o carregamento pelo debugger (tecla F12 no Google Chrome);
- Após o carregamento do aplicativo os dados serão exibidos na tela.
- E a barra de filtros já funciona também.
3 - Fazer deploy do aplicativo no Fiori Lauchpad
- Clique com o botão direito na pasta do seu projeto, e selecione Deploy à Deploy to SAP Cloud Platform.
- Uma janela de configurações será aberta. Você pode alterar o nome do seu aplicativo publicado, fornecer um número de versão diferente ou desativá-lo. Para este exercício, use as configurações padrão e escolha Deploy.
- Em seguida, será exibido um pop-up com a mensagem de sucesso e os links para o aplicativo implantado, o que significa que ele está acessível na Internet por meio desse link. Clicar no primeiro link abrirá o aplicativo.
- O segundo link exibe as configurações do seu aplicativo no Cockpit do SAP Cloud Platform, onde você pode gerenciar todos os aplicativos em sua conta na nuvem.
- Ao clicar no segundo link, você pode ver o aplicativo no Cockpit do SAP Cloud Platform. O link publicamente disponível, bem como as configurações estão todos lá.
- Voltando à tela do SAP Web IDE, clique em Register to SAP Fiori Lauchpad.
- Escolha uma descrição, marque o flag em Intent, e clique em Next;
- Mantenha o tipo como estático, selecione um título e um subtítulo para o bloco. Clique em Next;
- Escolha o site, catalogo e grupo criados na parte 1. Clique em Next;
- Clique em Finish.
- A tela de sucesso será exibida. O primeiro link abre diretamente o aplicativo, mas já é a versão hospedada no Launchpad.
- O segundo link abre o lauchpad, onde você pode consultar os blocos registrados;
E chegamos ao fim do começo. Pois a partir de agora você poderá editar o seu aplicativo para inserir nele as regras de negócios solicitadas pelos usuários. Bons estudos!
Comentários
Postar um comentário