SAPUI5 e Fiori: Conectando-se a um back-end usando Hana Cloud Platform

Olá, seja bem vindo!

Este blog vai explicar como cadastrar um back-end para conectar seu programa Fiori. Para isso é necessário criar os acessos explicados no post SAPUI5 e Fiori: Primeiros Passos Práticos.

Os sistemas back-end são cadastrados no SAP Hana Cloud Platform (HCP) cockpit, logo é necessário primeiro ter acesso ao back-end.

O SAP ECC “se abre” para conexão usando o Gateway. A SAP disponibiliza um Gateway Demo para quem quer estudar Fiori e HCP, contendo dados que podem ser usados nos programas. E para usar este Gateway também é necessário criar uma conta.

1 – Criar conta no SAP GATEWAY DEMO

Acesse o link abaixo, informe seu usuário e senha do HCP, prossiga e concorde com os termos até finalizar o cadastro.

https://supsignformsb03be6e80.us1.hana.ondemand.com/SUPSignForms/

Você vai receber um email de confirmação de cadastro, com os dados de logon (senhas e link para o ambiente)

2 – Resetar senha e logar no SAP GATEWAY DEMO

Teste seu usuário no Gateway Demo acessando o link abaixo:

https://sapes4.sapdevcenter.com

Informe suas credenciais do email e clique em logon. No primeiro acesso vai solicitar alteração da senha.

Se o acesso funcionar, você verá a tela inicial do ambiente Demo.

3 – Cadastrar SAP GATEWAY DEMO no Hana Cloud Platform

Acesse o HCP Cockpit, no menu do lado direito clique em Destinations, e depois em New Destination

Em Destination Configuration, preencha os campos da seguinte maneira:

Campo: Entrada

Name: ES4

Type:  HTTP

Description:  ES4

URL: https://sapes4.sapdevcenter.com

Proxy Type: Internet

Authentication:  NoAuthentication ou BasicAuthentication quiser gravar seu usuário e senha

User: seu ID no gateway demo, no formato p1234567890

Password: sua senha no gateway demo

Se você não preencher usuário e senha no HCP, terá que preencher toda vez que abrir seus apps e que solicitar data do backend.

Clique em Nova Propriedade, e adicione as seguintes propriedades, com os seguintes valores.

WebIDEEnabled: True

WebIDESystem: ES4

WebIDEUsage: odata_gen,odata_abap,bsp_execute_abap

Clique em salvar para finalizar.

Clique no botão Check Connection próximo do cadastro do novo destino para checar se seu cadastro está correto e se a conexão ao Gateway Demo será bem sucedida.

4 – Opcional: Criar novo Destination para um provedor OData público

O banco de dados de exemplo  The Northwind Traders contém os dados de vendas para uma empresa fictícia chamada The Northwind Traders, que faz importações e exportações alimentos no mundo todo. O banco de dados de exemplo The Northwind Traders vem com determinadas versões do Microsoft SQL Server. E ele está disponível como um conjunto de serviços públicos em http://www.odata.org.

O serviço público Odata The Northwind Traders, como muitos outros serviços OData, pode ser usado como fonte de dados ao criar programas SAP Fiori e outras aplicações SAPUI5.

Dentro do HCP Cockpit, clique em Destinations e depois em New Destination (como no início do passo 3).

Na seção Destination Configuration, preencha com os seguintes dados:

Name: northwind

Type: HTTP

Description: Northwind OData Service

URL: http://services.odata.org

Proxy Type: Internet

Authentication: NoAuthentication

Additional Properties

WebIDEEnabled: True

WebIDESystem: northwind

WebIDEUsage: odata_gen

Salve e teste a conexão. Este serviço OData agora pode ser usado nos apps SAP Fiori que você criar.

5 – Conclusão

Quando você cria um novo app Fiori usando a ferramenta WebIDE, um dos primeiros passos é informar a origem dos dados. Os destinos cadastrados no HCP estarão disponíveis para serem usados. No próximo blog mostrarei como consumir os dados destes ambientes.

Abraço!