Introdução

O SAP Business Technology Platform (SAP BTP) é uma plataforma de tecnologia que reúne dados e funções analíticas, inteligência artificial, desenvolvimento de aplicativos, automação e integração. Nesta lição, você criará uma conta de avaliação gratuita no SAP BTP e configurará o SAP Business Application Studio para desenvolvimento de projetos de elementos do SAP Fiori com CAP. Você não usará nenhuma outra ferramenta do SAP BTP neste curso.

1. Crie sua conta de avaliação gratuita no SAP BTP seguindo as etapas descritas neste tutorial: Obter uma conta gratuita na avaliação do SAP BTP.

   A oferta de avaliação do SAP BTP contém muitos dos serviços e ferramentas mais importantes para o desenvolvimento na plataforma.

   

Você precisa configurar o SAP Business Application Studio antes de continuar com as outras lições.

1. Configure o SAP Business Application Studio para desenvolvimento seguindo as etapas neste tutorial: Configurar o SAP Business Application Studio for Development.

2. Crie um espaço de desenvolvimento no SAP Business Application Studio para desenvolver aplicações empresariais. Siga as etapas deste tutorial: Criar uma área do desenvolvedor para aplicações empresariais.

   Nota

   Certifique-se de selecionar Full Stack Cloud Application como o tipo de aplicação.

O GitHub é um repositório Git baseado em nuvem popular para projetos de software. Os arquivos de exercício para este curso, juntamente com suas soluções, são armazenados no GitHub. Para mais informações, consulte GitHub. Para trabalhar nos exercícios no SAP Business Application Studio, você precisa clonar o projeto primeiro.

Primeiro, você clonará o projeto inicial do repositório GitHub para sua instância do SAP Business Application Studio. Em seguida, você executará a configuração inicial para poder executar o app no SAP Business Application Studio.

1. Depois que a área do desenvolvedor estiver ativa e em execução, navegue até ela clicando no nome dela. O SAP Business Application Studio é aberto.

2. Clonar o projeto de aplicação inicial de fiori-elements-v4-cap-advanced.

   1. No SAP Business Application Studio, abra a paleta de comandos usando Ctrl + Shift + P (Windows/Linux) ou Command + Shift + P (Mac). No popover, selecione SAP Business Application Studio: Git Clone.

   2. Insira o URL do GitHub: https://github.com/SAP-samples/fiori-elements-v4-cap-advanced.git.

3. Selecione /home/user/projects/ como a pasta para clonar o projeto.

4. Abra o projeto clonado em Arquivo > Abrir pasta e selecione projetos.

5. Mude para a ramificação initial-app-state.

   1. Abra o terminal selecionando Abrir no terminal no menu de contexto do nome do projeto clonado.

   2. Execute o comando git checkout initial-app-state no terminal.

      

      Nota

      Como alternativa, você pode seguir estas etapas para alternar para a ramificação initial-app-state:

      1. Selecione main na barra inferior.
      2. No meio da tela, será exibida uma caixa de diálogo intitulada Selecionar uma ramificação ou tag para efetuar o check out.
      3. Comece digitando o nome da filial até que ela seja exibida.
      4. Selecione a filial.
      5. Em seguida, será exibido um popup com a mensagem Suas modificações locais serão sobregravadas pelo check out.
      6. Selecione a opção Stash and Checkout.

6. Execute npm install no terminal.

   

   Resultado

   Isso instalará todas as dependências do seu projeto que estão listadas no arquivo package.json e package-lock.json, em uma nova pasta chamada node_modules dentro do root do seu projeto. Ignore as mensagens sobre dependências obsoletas, desde que não existam erros no log.

7. No terminal, inicie um servidor CAP digitando cds watch.

   O servidor CAP serve todas as fontes CAP do seu projeto. Ele também mantém o controle de todos os arquivos em seus projetos e reinicia o servidor sempre que você fizer uma alteração em seu projeto. Suas alterações serão imediatamente atendidas; você não precisa fazer mais nada.

8. Abra o app no browser clicando em Abrir em uma nova ficha de registro na janela popup no canto inferior direito.

9. Na página que é aberta, selecione /travel_processor/webapp/index.html em Aplicativos web.

   

   Resultado

   O app é iniciado no browser.