Agregue ContextHub a sus páginas para habilitar las funciones de ContextHub y vincular a las bibliotecas JavaScript de ContextHub.
La API de JavaScript de ContextHub proporciona acceso a los datos de contexto que administra ContextHub. En esta página se describen brevemente las principales funciones de la API para acceder y manipular los datos de contexto. Siga los vínculos a la documentación de referencia de la API para ver información detallada y ejemplos de código.
Para habilitar las funciones de ContextHub y vincular a las bibliotecas JavaScript de ContextHub, incluya la variable contexthub
en el head
de su página. El código HTL del componente de página debe parecerse al siguiente ejemplo:
<sly data-sly-resource="${'contexthub' @ resourceType='granite/contexthub/components/contexthub'}"/>
Tenga en cuenta que también debe configurar si la barra de herramientas de ContextHub aparece en el modo de vista previa. Consulte Mostrar y ocultar la interfaz de usuario de ContextHub.
Utilice los almacenes de ContextHub para conservar los datos de contexto. ContextHub proporciona los siguientes tipos de tiendas que forman la base de todos los tipos de tiendas:
Todos los tipos de tienda son extensiones de ContextHub.Store.Core
Clase . Para obtener información sobre la creación de un nuevo tipo de almacén, consulte Creación de tiendas personalizadas. Para obtener información sobre los tipos de almacén de muestra, consulte Ejemplos de candidatos a la tienda de ContextHub.
Los almacenes de ContextHub utilizan uno de los siguientes modos de persistencia:
De forma predeterminada, ContextHub utiliza el modo de persistencia local. Si el explorador no admite o no permite HTML5 localStorage, se utiliza la persistencia de sesión. Si el explorador no admite o no permite HTML5 sessionStorage, se utiliza la persistencia Window.name.
Internamente, el almacenamiento de datos forma una estructura de árbol, que permite agregar valores como tipos primarios u objetos complejos. Cuando se agregan objetos complejos a los almacenes, las propiedades de objeto forman ramas en el árbol de datos. Por ejemplo, el siguiente objeto complejo se agrega a una ubicación de almacén vacía denominada:
Object {
number: 321,
data: {
city: "Basel",
country: "Switzerland",
details: {
population: 173330,
elevation: 260
}
}
}
La estructura de árbol de los datos del almacén se puede conceptualizar de la siguiente manera:
/
|- number
|- data
|- city
|- country
|- details
|- population
|- elevation
La estructura de árbol define los elementos de datos del almacén como pares clave/valor. En el ejemplo anterior, la clave /number
corresponde al valor 321
y la clave /data/country
corresponde al valor Switzerland
.
ContextHub proporciona ContextHub.Utils.JSON.tree
para manipular objetos de JavaScript. Utilice las funciones de esta clase para manipular objetos de JavaScript antes de agregarlos a una tienda o después de obtenerlos de una tienda.
Además, la variable ContextHub.Utils.JSON
proporciona funciones para serializar objetos en cadenas y deserializar cadenas en objetos. Utilice esta clase para gestionar datos JSON para admitir exploradores que no incluyan de forma nativa el JSON.parse
y JSON.stringify
funciones.
Utilice la variable ContextHub
Objeto Javascript para obtener un almacén como objeto Javascript. Una vez obtenido el objeto de almacén, puede manipular los datos que contiene. Utilice la variable getAllStores
o getStore
para obtener el almacén.
La variable ContexHub.Store.Core
La clase Javascript define varias funciones para interactuar con datos de almacenamiento. Las siguientes funciones almacenan y recuperan varios elementos de datos contenidos en objetos:
Los elementos de datos individuales se almacenan como un conjunto de pares clave/valor. Para almacenar y recuperar valores, especifique la clave correspondiente:
Tenga en cuenta que los candidatos de tiendas personalizadas pueden definir funciones adicionales que proporcionan acceso a los datos de almacenamiento.
De forma predeterminada, ContextHub no tiene en cuenta el inicio de sesión que se está utilizando en los servidores de publicación y ContextHub considera a estos usuarios como "anónimos".
Puede hacer que ContextHub sepa de los usuarios que iniciaron sesión cargando el almacén de perfiles. Consulte código de muestra en GitHub aquí.
ContextHub incluye un marco de eventos que le permite reaccionar automáticamente al almacenar eventos. Cada objeto de almacén contiene un ContextHub.Utils.Eventing
objeto que está disponible como eventing
propiedad. Utilice la variable on
o once
para enlazar una función de JavaScript a un evento de tienda.
La API de JavaScript de Context Hub proporciona compatibilidad con exploradores múltiples para administrar cookies de exploradores. La variable ContextHub.Utils.Cookie
namespace define varias funciones para crear, manipular y eliminar cookies.
El motor de segmentos de ContextHub permite determinar cuál de los segmentos registrados se resuelve en el contexto actual. Utilice la función getResolvedSegments de la función ContextHub.SegmentEngine.SegmentManager
para recuperar segmentos resueltos. A continuación, utilice el getName
o getPath
de la función ContextHub.SegmentEngine.Segment
para probar un segmento.
Los segmentos de ContextHub se instalan debajo de /conf/<site>/settings/wcm/segments
nodo .
Los siguientes segmentos se instalan con la variable Sitio del tutorial de WKND.
Las reglas que se utilizan para resolver estos segmentos se resumen de la siguiente manera:
Los segmentos instalados se proporcionan como configuraciones de referencia para ayudarle a crear su propia configuración dedicada para su proyecto y, como tal, no debe utilizarse directamente.
Existen varias opciones para depurar ContextHub, incluida la generación de registros. Consulte Configuración de ContextHub para obtener más información.
ContextHub proporciona un página de diagnóstico donde puede ver información general del marco de ContextHub.