Notas de la versión de Composable Storefront

Estas notas de la versión incluyen actualizaciones de Progressive Web App (PWA) Kit y Managed Runtime.

Las notas de la versión más reciente de PWA Kit se publican en la página de versiones de GitHub antes de publicarse aquí. Para mantenerse informado sobre las nuevas versiones de PWA Kit, suscríbase para recibir notificaciones sobre versiones de GitHub. Consulte Cómo configurar los ajustes de su reloj.
  • Las notas de las versiones pueden publicarse antes de que se actualicen los paquetes relevantes de GitHub. Las notas de la versión identifican cualquier versión de paquete aplicable en la que esté disponible una característica.
  • Para ver las notas generales de la versión de B2C Commerce, consulte la Ayudade Salesforce.

Los storefronts de PWA Kit ahora pueden enviar eventos de interacción a Data Cloud, lo que proporciona una visibilidad mejorada de los datos unificados de los clientes en tiempo real. Consulte Integración de PWA Kit con Data Cloud.

La administración de redireccionamientos en la interfaz de usuario de administración en tiempo de ejecución es más eficaz con un nuevo formato basado en tablas paginadas, lo que le permite ver más información de redireccionamientos por adelantado. Consulte Redireccionamientos.

Los errores de implementación en los entornos ahora proporcionan información más detallada, lo que le brinda más claridad sobre las acciones correctivas que se deben tomar. Consulte Solución de problemas de errores de inserción de paquetes.

ap-south-2 region (Hyderabad) ahora es compatible con los entornos. Consulte la lista de regiones admitidas.

También se han solucionado varios errores de administración de tiempo de ejecución:

  • Se corrigió la adición de varias variables de entorno seguidas a través de Runtime Admin
  • Se corrigió la eliminación de encabezados de control de acceso a través del administrador de tiempo de ejecución
  • Se ha corregido la decodificación de la vista previa del storefront para las URL de Base64

Con la versión 25.3 de B2C Commerce, la autenticación híbrida (auth) reemplaza a los SLAS de complemento. La autenticación híbrida mejora el rendimiento y la estabilidad de los escaparates híbridos al desplazar la característica directamente a la plataforma B2C Commerce. Consulte Configuración de un storefront híbrido con autenticación híbrida.

Ya puede desplegar sus proyectos de PWA Kit con Node 22! Para actualizar su versión de Node.js, siga las instrucciones de Actualizar versión de Node.

Cada año, las versiones de Node.js salen del soporte formal. Para garantizar una postura de seguridad sólida y una experiencia fluida para los desarrolladores, restringimos la versión de Node de los proyectos desplegados en Managed Runtime. El Nodo 18 tiene como fecha de fin de vida útil el 1 de septiembre de 2025.

Le recomendamos que actualice sus proyectos de producción mucho antes de la fecha de fin de vida útil. Dependiendo de la versión de su Kit PWA, puede actualizar a Node 20 o 22.

Esta característica está disponible de forma general a partir de la versión 6.0 de la Retail React App. Mejore la experiencia del comprador reduciendo el tiempo de implantación. Con el inicio de sesión social, los compradores pueden entrar rápidamente en su sitio y crear perfiles utilizando sus cuentas de redes sociales. Consulte Implementar el inicio de sesión social.

Esta característica está disponible de forma general a partir de la versión 6.0 de la Retail React App. Mejore la experiencia del comprador reduciendo el tiempo de implantación. Con el restablecimiento de contraseña, si los compradores olvidan su contraseña, pueden utilizar un código de verificación o un vínculo en un correo electrónico o mensaje de texto para recuperar el acceso a su cuenta creando una nueva contraseña. Consulte Implementar el restablecimiento de contraseña.

Esta característica está disponible de forma general a partir de la versión 6.0 de la Retail React App. Mejore la experiencia del comprador reduciendo el tiempo de implantación. Con el inicio de sesión sin contraseña, los compradores pueden iniciar sesión en su sitio de forma segura utilizando un código de verificación o un vínculo en un correo electrónico o un mensaje de texto en lugar de una contraseña. Consulte Implementar el inicio de sesión sin contraseña.

Un banner de consentimiento de seguimiento está generalmente disponible con la plantilla de la versión 6.0 de la Retail React App en adelante. Preserve la confianza de los compradores y reduzca los costos de implementación. Con el banner de consentimiento de seguimiento, sus compradores pueden aceptar o rechazar el seguimiento de la actividad en su sitio. Consulte Proteger la privacidad con un Banner de consentimiento de seguimiento.

Mejore la estabilidad y el rendimiento de los escaparates híbridos y garantice una experiencia óptima para el comprador. Consulte Actualización de estabilidad híbrida para la versión 3.8.0 de PWA Kit o Actualización de estabilidad híbrida para la version 2.x de PWA Kit.

Ahora la personalización con el contexto del comprador está preintegrada en la versión 5.0.0 o superior de Retail React App. Apoye las experiencias de compra personalizadas y reduzca los costos de implementación. Con el contexto del comprador, puede utilizar características como promociones personalizadas, determinación de precios y recomendaciones de productos para aumentar la conversión y la lealtad de los compradores. Consulte Personalización con contexto del comprador.

¡Cada vez más globales! Para optimizar el rendimiento coubicándose con las instancias de backend en las regiones de Hyperforce, ahora puede implementar sus entornos de Managed Runtime en estas regiones:

  • sa-east-1 - América del Sur (São Paulo)
  • eu-central-2 - UE (Zurich)
  • eu-south-1 - UE (Milán)
  • ap-southeast-3 - Asia-Pacífico (Jakarta)
  • me-central-1 - Medio Oriente (Emiratos Árabes Unidos)
  • il-central-1 - Israel (Tel Aviv)

Antes, usted podía ver registros en Log Center solo para los entornos de producción asociados con las instancias de grupo principal (PIG). Ahora puede ver registros para las instancias de grupo secundario (SIG) y de sandbox bajo demanda (ODS). Estos registros nuevos se consideran en los límites de volumen de registros.

Esta característica está disponible de forma general a partir de la versión 3.7 de PWA Kit. Con el parámetro de consulta __server_timing, puede monitorear el rendimiento del sitio de su PWA Kit para respaldar los esfuerzos de optimización. El parámetro proporciona acceso a los registros y al encabezado HTTP Server-Timing y a los registros, que ofrecen métricas sobre partes del proceso de renderizado del lado del servidor, como la coincidencia de rutas, la carga de componentes y las estrategias de obtención de datos. Los registros de las métricas de rendimiento ahora están disponibles en Log Center. Véase _._server_timing

La versión 4.0 de Retail React App consume las nuevas versiones de SDK de React de Commerce y SDK de Isomorphic de Commerce. Estos SDK ahora cumplen con las pautas de Shopper Login and API Access (SLAS) para pasar channel_id como argumento al recuperar tokens de acceso de invitados. Consulte Tokens de invitados.

El localizador de tiendas está disponible generalmente con la versión 4.0 o posterior de Retail React App y la versión 2.0.1 o posterior de SDK de React de Commerce. Con nuestro localizador de tiendas, sus compradores pueden encontrar ubicaciones de escaparate cercanas según el código postal, la ciudad y más. Amplíe fácilmente la información de su tienda en Business Manager para personalizar los metadatos de ubicación que se muestran en su sitio. Consulte Mejorar las ventas disponibles en tienda con el localizador de tiendas.

Los paquetes de productos están disponibles generalmente con la versión 4.0 o posterior de Retail React App y la versión 2.0.1 o posterior de SDK de React de Commerce. Utilice los paquetes de productos para agrupar varios productos relacionados en un solo producto que se pueda pedir para la conveniencia y personalización del comprador. Los compradores pueden actualizar variantes y cantidades de paquetes directamente en sus carritos. Por ejemplo, una tienda de ropa deportiva en línea puede ofrecer un “paquete para corredores” para que los compradores puedan seleccionar el número de calzado, la talla de la ropa y el modelo del rastreador de fitness directamente en sus carritos. Los paquetes de productos pueden ayudar a reducir abandonos del carrito y mejorar la administración de los inventarios. Consulte Paquetes de productos.

Restrinja el acceso de un entorno de Managed Runtime al tráfico que proviene de una eCDN. Configure un encabezado de control de acceso compartido en una eCDN y un entorno para garantizar que los compradores, bots y rastreadores no accedan a su entorno directamente.

Consulte la actualización de la Guía para lanzar su escaparate y la nueva API upsertOriginHeaderModification para obtener más información sobre cómo configurar Managed Runtime y una eCDN para bloquear su entorno.

Encuentre rápidamente los registros generados por su sitio de PWA Kit buscando en los espacios de nombres añadidos como prefijos a los registros en Log Center. El espacio de nombres señala la parte específica de su base de códigos donde ocurrió un error, lo que le ayuda a centrar sus esfuerzos para solucionar problemas. Consulte Depurar a través de Log Center.

Restrinja el acceso a su entorno de Managed Runtime al tráfico procedente de su red de entrega de contenido (CDN) de terceros. Configure un encabezado de control de acceso compartido en su CDN y entorno para garantizar que los compradores, bots y rastreadores no accedan a su entorno directamente.

Consulte Encabezados de control de acceso y la projects_target_access_control_header_create API para obtener información sobre cómo puede bloquear su entorno.

Impulse la conversión y la participación de los compradores y reduzca los costos de implementación con nuestros mosaicos de productos muy mejorados disponibles en el PWA Kit Retail React App. Características actuales de mosaicos de productos:

  • Llamadas de promoción
  • Determinación de precios tachada
  • Muestras de mosaicos de productos para selección variante
  • Insignias de producto
  • Uso de la API productSearch con expansiones, que ofrece un rendimiento mejorado en comparación con la combinación de las API productSearch y getProduct(s)

Cree fácilmente un mapa del sitio en Business Manager (BM) para su escaparate headless o PWA Kit basado en B2C Commerce. Los mapas del sitio brindan a los rastreadores de búsqueda instrucciones sobre las páginas a indexar y la jerarquía del sitio, y ayudan a mejorar la clasificación de SEO. Consulte Mejorar SEO con un mapa del sitio.

PWA Kit ahora admite la recopilación de métricas de pedidos de Active Data. Utilice esta recopilación para entender el comportamiento del cliente y optimizar sus estrategias de comercialización y segmentación. Consulte Active Data.

Use Runtime Admin para administrar las variables de entorno. Esta característica está disponible como alternativa para administrar variables de entorno mediante la API de Managed Runtime. Las variables de entorno le permiten agregar variables al proceso de la aplicación que se ejecute en un entorno, sin tener que cambiar el código. Consulte Variables de entorno.

Esta característica ya está disponible con carácter general.

Solucione errores en su sitio construido con PWA Kit a través de Log Center:

  • Busque y filtre muchos registros. Verifique registros históricos.
  • Acceda a una interfaz de usuario único para ver registros desde Managed Runtime (MRT) y su instancia de B2C Commerce. Conecte lo que sucede en su entorno de MRT con lo que sucede en su instancia de B2C Commerce.
  • Consulte fácilmente los registros de MRT sin usar la herramienta CLI.

Consulte Depurar a través de Log Center.

Esta característica está disponible de forma general a partir de la versión 3.5 de PWA Kit. Consulte la página de lanzamientos en GitHub para obtener la última versión disponible de PWA Kit.

Habilite un cliente privado de Shopper Login and API Access Service (SLAS) en su sitio de PWA Kit para que pueda admitir estas características en un tiempo de implementación reducido:

  • Inicio de sesión sin contraseña
  • Restablecimiento de contraseña
  • Tiempos de carga de páginas más rápidos

Consulte Utilizar un cliente privado de SLAS.

Obtenga una reducción en los tiempos de carga de páginas después de volver a implementar sus paquetes. Estas mejoras de CDN (Content Delivery Network) aumentan el rendimiento de las aplicaciones:

  • HTTP/3: utilizamos automáticamente el protocolo HTTP/3 para todos los navegadores y clientes que lo admiten. HTTP/3 mejora el rendimiento, especialmente para los compradores que utilizan dispositivos con restricciones de red, como los dispositivos móviles.
  • Almacenamiento en caché de CDN entre regiones: utilizamos automáticamente respuestas en caché a través de regiones para mejorar la tasa de aciertos en caché y el rendimiento de sitios con audiencias globales.
  • Más regiones de CDN: añadimos más regiones a la CDN, lo que resulta en tiempos de respuesta más rápidos y menos saltos de red si utiliza una configuración de CDN apilada.

Use Runtime Admin para habilitar cookies del lado del servidor. Esta característica está disponible como alternativa para habilitar cookies del lado del servidor mediante la API de Managed Runtime. El uso de cookies del lado del servidor ayuda a mejorar la privacidad y la seguridad y brinda soporte para una personalización y un marketing más personalizados. Consulte Personalizar con cookies.

Use Runtime Admin para habilitar mapas de origen. Esta característica está disponible como alternativa para habilitar mapas de origen mediante la API de Managed Runtime. Los mapas de origen están diseñados para mejorar significativamente la experiencia de desarrollo y depuración al mejorar la lectura de pilas de errores. Consulte Depurar con mapas de origen.

Utilice un sistema de gestión de contenido (CMS) de terceros con la vista previa de escaparate. Por ejemplo, si tiene un banner de venta por vacaciones gestionado por su CMS, use la vista previa de escaparate para ver cómo aparecerá el banner en su sitio durante el período de tiempo especificado. Consulte Vista previa de escaparate.

Previsualice cómo se verá su sitio de Progressive Web App (PWA) Kit basado en una o más identificaciones de grupos de clientes. Por ejemplo, previsualice su sitio tal como aparecería para los compradores que reciben un descuento de empleado. Consulte Previsualice su escaparate.

Ahora pueden implementarse proyectos con Node 20 Los proyectos de PWA Kit deberán actualizarse a la última versión 3.4.x y seguir las instrucciones en Actualizar versión de Node.

Los clientes de Japón ahora pueden ejecutar sus entornos en la región de Osaka, además de la región de Tokio existente. Puede cambiar su región a través de la configuración de entornos.

Los mapas de origen ahora están disponibles en Managed Runtime. Esta característica está diseñada para mejorar significativamente la experiencia de desarrollo y depuración al mejorar la lectura de pilas de errores. Los mapas de origen pueden generarse a partir de PWA Kit 3.4.x y habilitarse alternando la configuración de entorno enable_source_maps. Consulte Depurar con mapas de origen.

Utilice Active Data en su sitio de PWA Kit para observar las métricas de rendimiento de productos y establecer reglas automatizadas para la comercialización. Consulte Active Data.

Use la característica de vista previa de escaparate para ver cómo lucirá su sitio de PWA Kit en diferentes contextos, como códigos fuentes especificados, grupos de clientes o una fecha u horario específicos. Por ejemplo, previsualice los cambios de su sitio en un entorno de staging antes de implementarlos en la producción. Consulte Vista previa de escaparate.

Cuando crea un entorno en Runtime Admin, ahora puede seleccionar una instancia de Commerce Cloud y sitios para conectar al entorno. Esto permite una integración más profunda entre sus entornos de Managed Runtime y la plataforma Commerce Cloud. También puede utilizar nuevos puntos de conexión de la API de Managed Runtime para gestionar y hacer seguimiento de las conexiones de sus entornos a las instancias de Commerce Cloud. Para obtener más información, consulte estos documentos:

Para obtener más información sobre las notas de la versión publicadas antes de octubre de 2023, consulte lo siguiente: