Tecnologias de UI

SAP Fiori tools

O SAP Fiori tools é um conjunto de extensões para o SAP Business Application Studio e o Visual Studio Code que gera, configura, pré-visualiza e implanta aplicações SAP Fiori elements. O SAP Fiori tools cobre o projeto de front-end, do application wizard e do Page Map até a pré-visualização com dados simulados e a implantação, enquanto o serviço OData por trás do app é construído com outras ferramentas.

Resumo

Tipo
Ferramentas de desenvolvimento (extensões de IDE)
Camada
Aplicações de UI; SAP BTP
Executa em
SAP Business Application Studio (pré-instalado nos dev spaces SAP Fiori), Visual Studio Code
Principais extensões
Application Wizard, Application Modeler (Page Map, Page Editor), Guided Development, Service Modeler, XML Annotation Language Server
Implanta em
Sistemas ABAP e Cloud Foundry no SAP BTP
Quem trabalha com ele
Desenvolvedores SAP Fiori, desenvolvedores full-stack que usam CAP ou RAP
Aplica-se a
SAP S/4HANA (todas as opções de implantação), SAP BTP
Camada: Aplicações de UIOnde se encaixa ▾
Onde se encaixa: L3 · Aplicações de UICamada: Aplicações de UI. Também envolve: SAP BTP.L1L2L3L4L5L6BTP

Camada: Aplicações de UI

Também envolve: SAP BTP

Abrir o mapa de arquitetura →

O que o SAP Fiori tools inclui?

No Visual Studio Code, a instalação do extension pack do SAP Fiori tools adiciona estas extensões:

ExtensãoO que faz
Application WizardGera projetos SAP Fiori elements a partir de um floorplan ou de uma página customizada, de forma independente ou dentro de um projeto CAP
Application ModelerPage Map para páginas e navegação; Page Editor para configurações de página; Data Editor para dados simulados
Guided DevelopmentGuias passo a passo de funcionalidades que inserem código e anotações para requisitos comuns
Service ModelerVisualiza o serviço OData V2 ou V4, incluindo anotações do back-end e locais
XML Annotation Language ServerAutocompletar e validação de anotações em arquivos XML
XML ToolkitSuporte geral à edição de XML

Além das extensões, o conjunto de ferramentas pré-visualiza apps com dados reais ou simulados, valida projetos, adiciona bibliotecas de reutilização, cria adaptation projects para apps entregues pela SAP e implanta em sistemas ABAP ou no Cloud Foundry. No SAP Business Application Studio, o dev space SAP Fiori já vem com essas ferramentas pré-instaladas. O SAP Fiori tools é, portanto, um kit de ferramentas para o projeto de front-end, não um runtime nem um framework.

Como o SAP Fiori tools apoia o ciclo de desenvolvimento?

Suponha que a Alder Manufacturing precise de um list report de pedidos de compra em aberto, sobre um serviço OData V4 construído com RAP:

  1. Gerar. O Application Wizard se conecta ao sistema, permite ao desenvolvedor escolher o serviço e o floorplan list report e object page, e cria o projeto com seu app descriptor.
  2. Modelar. O Page Map mostra páginas e navegação; o Page Editor altera configurações como o tipo de tabela ou o carregamento inicial. O SAP Fiori tools salva essas edições como alterações nos arquivos do projeto ou como alterações de flexibilidade de UI.
  3. Anotar. O Guided Development e o language server de anotações ajudam a adicionar anotações de UI a arquivos locais ou, no caso do CAP, a arquivos CDS.
  4. Pré-visualizar. O app roda localmente contra o serviço real ou com dados simulados, para que o trabalho de UI possa continuar quando o back-end ainda não está pronto.
  5. Implantar. A configuração de implantação tem como destino o repositório ABAP ou o Cloud Foundry; um comando de undeploy remove o app novamente.

Cada etapa produz arquivos de projeto normais, então o resultado pode ser versionado e revisado como qualquer outro código. O SAP Fiori tools encurta o caminho do serviço ao app em execução sem esconder o que gera.

Quais são os pontos fortes do SAP Fiori tools?

  • Início rápido no floorplan certo. Os projetos gerados seguem a configuração atual do SAP Fiori elements da SAP, o que elimina código repetitivo e evita descriptors escritos à mão.
  • Configuração visual. O Page Map e o Page Editor expõem configurações do manifest e opções orientadas a anotações sem que seja preciso decorar cada propriedade.
  • Aprendizado embutido. O Guided Development mostra como uma funcionalidade é implementada, o que ajuda desenvolvedores iniciantes em anotações.
  • Independência do back-end durante o trabalho de UI. Os dados simulados permitem que designers e desenvolvedores iterem antes de o serviço ficar pronto.
  • Um conjunto de ferramentas para as duas IDEs. As mesmas extensões rodam no SAP Business Application Studio e em um Visual Studio Code local.
  • Extensão segura de apps standard. Os adaptation projects criam variantes de app que referenciam o app original em vez de copiá-lo.

Para projetos SAP Fiori elements, o SAP Fiori tools é o conjunto de ferramentas em que se baseiam a própria documentação e os tutoriais de SAPUI5 da SAP.

Onde termina o SAP Fiori tools?

  • Apenas front-end. O Service Modeler pode exibir anotações do back-end, mas não editá-las. CDS views ABAP, behavior definitions e service bindings são mantidos no ABAP Development Tools; modelos CAP, em arquivos CDS.
  • Foco no SAP Fiori elements. A documentação da SAP afirma que os templates SAPUI5 freestyle do SAP Fiori tools estão deprecated e recomenda, em seu lugar, a página customizada do SAP Fiori elements para OData V4. Projetos OData V2 continuam possíveis, mas a SAP recomenda OData V4.
  • Os recursos de IA mudam rápido. O Project Accelerator do SAP Fiori tools AI, que roda no SAP Business Application Studio, tem descontinuação prevista para o fim de 2026 em favor do servidor MCP para SAP Fiori e de skills, disponíveis no VS Code e no SAP Business Application Studio.
  • Licenciamento de alguns recursos. A SAP observa que certos recursos podem exigir uma licença separada; o Project Accelerator, por exemplo, exige o SAP Build Code.
  • Gerado não é terminado. Os wizards produzem um esqueleto funcional; a qualidade do modelo de dados, as autorizações e o desempenho continuam dependendo do serviço.

O SAP Fiori tools acelera o que o SAP Fiori elements consegue expressar; ele não projeta o serviço nem o processo por trás do app.

Quais são os erros comuns com o SAP Fiori tools?

  1. Começar apps novos em OData V2. O V4 dá acesso a building blocks e páginas customizadas; escolha o V2 somente quando o back-end não oferecer outra opção.
  2. Gerar um template freestyle por hábito. Uma página customizada no SAP Fiori elements para OData V4 mantém recursos do framework, como os building blocks, e ao mesmo tempo permite layouts customizados.
  3. Corrigir problemas do back-end com anotações locais. Um arquivo de anotações local pode mascarar uma anotação CDS errada em um app, enquanto todos os outros consumidores continuam vendo o erro. Corrija na origem quando o serviço for compartilhado.
  4. Pular as etapas de dados simulados e de validação. A validação do projeto e as pré-visualizações com dados simulados detectam erros de destination e de configuração antes da implantação.
  5. Ignorar a versão do SAPUI5 do sistema de destino. Gerar com o SAPUI5 mais recente e implantar em um front-end server mais antigo leva a recursos ausentes; defina a versão mínima de acordo com a produção.

A maioria dos problemas com o SAP Fiori tools são escolhas feitas nas primeiras telas do wizard, não defeitos das extensões.

SAP Fiori tools vs. SAP Business Application Studio vs. SAP Fiori elements: qual é a diferença?

SAP Fiori toolsSAP Business Application StudioSAP Fiori elements
O que éExtensões de IDE para desenvolvimento SAP FioriAmbiente de desenvolvimento na nuvem no SAP BTPFramework SAPUI5 que renderiza floorplans a partir de anotações
Quando atuaEm tempo de designEm tempo de designEm runtime, no navegador do usuário
RelaçãoPré-instalado no SAP Business Application Studio; também roda no Visual Studio CodeHospeda o SAP Fiori tools em seu dev space SAP FioriO que o SAP Fiori tools gera e configura
Pergunta que respondeComo construir e implantar o app com eficiência?Onde desenvolvo?Como a UI do app é produzida?

O SAP Fiori tools é o kit de ferramentas, o SAP Business Application Studio é um dos lugares onde ele roda, e o SAP Fiori elements é o framework sobre o qual os apps resultantes rodam.

Perguntas frequentes

O SAP Fiori tools é gratuito?

O SAP Fiori tools está disponível como extension pack para o Visual Studio Code e vem pré-instalado no SAP Business Application Studio, que por sua vez é um serviço licenciado do SAP BTP. A descrição de escopo de funcionalidades da SAP observa que certos recursos podem exigir uma licença separada; o Project Accelerator baseado em IA, por exemplo, exige uma assinatura do SAP Build Code.

O SAP Fiori tools consegue construir apps SAPUI5 freestyle?

O SAP Fiori tools ainda oferece templates SAPUI5 freestyle, mas a documentação da SAP os marca como deprecated. A SAP recomenda, em seu lugar, a página customizada do SAP Fiori elements para OData V4, que permite layouts customizados mantendo os building blocks e outros recursos do framework.

O que é o Page Map no SAP Fiori tools?

O Page Map faz parte da extensão Application Modeler. Ele mostra as páginas, a navegação e as entidades de serviço de um app SAP Fiori elements, permite aos desenvolvedores adicionar ou excluir páginas e navegação, e abre o Page Editor, onde as configurações de página são alteradas sem editar arquivos à mão.

O SAP Fiori tools edita anotações ABAP CDS?

Não diretamente. O Service Modeler exibe anotações do back-end, mas não pode editá-las; por isso, as anotações ABAP CDS são mantidas no ABAP Development Tools. O SAP Fiori tools edita arquivos locais de anotações XML e, em projetos CAP, arquivos de anotações CDS.

O SAP Fiori tools funciona com o SAP S/4HANA on-premise?

Sim. O SAP Fiori tools se conecta a sistemas ABAP para ler serviços OData e implanta apps no repositório ABAP, o que cobre o SAP S/4HANA on-premise e a Private Edition. Os adaptation projects para apps entregues pela SAP têm como destino esses sistemas e também o SAP S/4HANA Cloud Public Edition.

Fontes

Aplica-se a
SAP S/4HANA on-premise · SAP S/4HANA Cloud Private Edition · SAP S/4HANA Cloud Public Edition · SAP BTP
Última revisão

SAP, SAP Fiori, SAPUI5, SAP S/4HANA, SAP BTP e os demais produtos e serviços SAP mencionados são marcas comerciais ou marcas registradas da SAP SE (ou de uma empresa afiliada da SAP) na Alemanha e em outros países. Este guia é independente e não é afiliado, patrocinado nem endossado pela SAP SE.