Tutorial: Personalización del flujo de creación de pedidos

En este tutorial, aprenderás a personalizar el flujo de creación de pedidos existente de la próxima generación de Order Hub.

En este tutorial se utiliza el enfoque de personalización mediante configuración para realizar actualizaciones sencillas en páginas existentes.

En este tutorial se utiliza el enfoque de personalización mediante código, donde:

El enfoque de personalización mediante sobrescrituras se utiliza para modificar una página existente con el fin de capturar datos adicionales (número de pedido de compra del cliente) y, a continuación, enviar los datos a la API backend. Dado que no existe ningún buc-fields-details.json archivo para modificar la página de detalles del pedido, se debe utilizar el enfoque de personalización mediante sobrescrituras.

Supongamos que su empresa necesita personalizar el flujo de creación de pedidos para incluir las siguientes capacidades adicionales:

Cuando creas un pedido, quieres poder capturar opcionalmente el «número de pedido del cliente».
Cuando busque artículos para añadir a un pedido, querrá poder buscar artículos con un campo personalizado « ItemAlias » (Código de identificación del artículo) que utilice para representar el código UPC, EAN o el código del fabricante del artículo.
Quieres cambiar las etiquetas en la interfaz de usuario. En lugar de utilizar las etiquetas existentes «Fecha de envío solicitada», «Fecha de cancelación solicitada» y «Fecha de entrega solicitada», desea utilizar las etiquetas «Fecha de envío deseada», «Fecha de cancelación deseada» y «Fecha de entrega deseada».

Objetivos de aprendizaje

Cómo personalizar páginas en la aplicación Pedidos.
Cómo modificar el código existente en una página para capturar datos adicionales y, a continuación, enviar los datos a la API del backend.
Cómo añadir un parámetro de búsqueda adicional en una página y una API mediante la personalización por configuración.
Cómo cambiar las etiquetas y los mensajes de la aplicación mediante la personalización por configuración.

Tiempo necesario

Este tutorial debería tardar aproximadamente 30 minutos en completarse. Si exploras otros conceptos relacionados con este tutorial, es posible que tardes más tiempo en completarlo.

Nivel de habilidad

Principiante

Audiencia

Desarrolladores que desean personalizar Order Hub.

Requisitos previos

Configure un entorno de herramientas para desarrolladores. Para obtener más información, consulte Introducción a la personalización del Order Hub de última generación.
Habilitar la personalización para el módulo buc-app-order. Para obtener más información, consulte Personalización de aplicaciones existentes.

Resultados previstos

Cuando un usuario hace clic en Crear pedido en la página de búsqueda de pedidos, se carga la página Crear pedido con sus personalizaciones.

La página de detalles del pedido incluye un campo personalizado «Número de pedido del cliente ».
El modal Añadir líneas > Búsqueda avanzada incluye un campo de búsqueda personalizado Valor del alias.
La tabla «Gestionar líneas» incluye cadenas de encabezado de tabla personalizadas : «Fecha de entrega deseada », «Fecha de disponibilidad deseada » y «Fecha de finalización deseada ».