Tutorial: Personalizando o fluxo de criação de pedidos

Neste tutorial, você aprenderá a personalizar o fluxo de criação de pedidos existente do Order Hub de última geração.

A personalização por meio da abordagem de configuração é usada neste tutorial para fazer atualizações simples em páginas existentes.

A personalização por código é utilizada neste tutorial, onde:

A personalização por meio de substituições é usada para modificar uma página existente a fim de capturar dados adicionais (número do pedido de compra do cliente) e, em seguida, enviar os dados para a API de back-end. Como não há nenhum buc-fields-details.json arquivo para modificar a página de detalhes do pedido, deve-se usar a abordagem de personalização por substituições.

Suponha que sua empresa precise personalizar o fluxo de criação de pedidos para incluir os seguintes recursos extras:

Ao criar um pedido, você deseja poder capturar opcionalmente o “número do pedido de compra do cliente”.
Ao procurar itens para adicionar a um pedido, você deseja poder pesquisar itens com um campo personalizado “ ItemAlias ” (Código do fabricante) que você usa para representar o código UPC, EAN ou código do fabricante do item.
Você deseja alterar os rótulos na interface do usuário. Em vez de usar os rótulos existentes “Data de envio solicitada”, “Data de cancelamento solicitada” e “Data de entrega solicitada”, você deseja usar os rótulos “Data de envio desejada”, “Data de cancelamento desejada” e “Data de entrega desejada”.

Objetivos de aprendizagem

Como personalizar páginas no aplicativo Pedidos.
Como modificar o código existente em uma página para capturar dados adicionais e, em seguida, enviar os dados para a API de back-end.
Como adicionar um parâmetro de pesquisa extra em uma página e uma API por meio da personalização por configuração.
Como alterar rótulos e mensagens no aplicativo por meio da personalização por configuração.

Tempo Necessário

Este tutorial levará aproximadamente 30 minutos para ser concluído. Se forem explorados outros conceitos relacionados a este tutorial, poderá demorar mais tempo para ser concluído.

Nível de qualificação

Iniciante

Público

Desenvolvedores que desejam personalizar o Order Hub.

Pré-requisitos

Configure um ambiente de kit de ferramentas para desenvolvedores. Para obter mais informações, consulte Introdução à personalização do Order Hub de última geração.
Habilite a personalização para o módulo buc-app-order. Para obter mais informações, consulte Personalização de aplicativos existentes.

Resultados Esperados

Quando um usuário clica em Criar pedido na página Pesquisa de pedidos, a página Criar pedido é carregada com suas personalizações.

A página de detalhes do pedido inclui um campo personalizado Número do pedido de compra do cliente.
O modal Adicionar linhas > Pesquisa avançada inclui um campo de pesquisa personalizado Valor do alias.
A tabela Gerenciar linhas inclui as seguintes linhas de cabeçalho personalizadas : Data de entrega desejada, Data de disponibilidade desejada e Data de término desejada.