Aggiunta di ContextHub alle pagine e accesso agli store adding-contexthub-to-pages-and-accessing-stores

Aggiungi ContextHub alle pagine per abilitare le funzioni di ContextHub e per collegare le librerie JavaScript di ContextHub.

L’API JavaScript di ContextHub consente di accedere ai dati contestuali gestiti da ContextHub. Questa pagina descrive brevemente le funzioni principali dell’API per accedere e manipolare i dati contestuali. Per informazioni dettagliate ed esempi di codice, segui i collegamenti alla documentazione di riferimento delle API.

Aggiunta di ContextHub a un componente pagina adding-contexthub-to-a-page-component

Per abilitare le funzionalità di ContextHub e collegare le librerie JavaScript di ContextHub, includi il componente contexthub nella sezione head della pagina. Il codice HTL del componente page deve essere simile al seguente esempio:

<sly data-sly-resource="${'contexthub' @ resourceType='granite/contexthub/components/contexthub'}"/>

Inoltre, devi configurare se la barra degli strumenti di ContextHub viene visualizzata in modalità Anteprima. Vedi Visualizzazione e nascondere l'interfaccia utente di ContextHub.

Informazioni sugli store ContextHub about-contexthub-stores

Utilizza gli archivi ContextHub per rendere persistenti i dati contestuali. ContextHub fornisce i seguenti tipi di store che costituiscono la base di tutti i tipi di store:

Tutti i tipi di archivio sono estensioni della classe ContextHub.Store.Core. Per informazioni sulla creazione di un tipo di archivio, vedere Creazione di archivi personalizzati. Per informazioni sui tipi di archivio campioni, vedi Candidati archivio ContextHub campione.

Modalità di persistenza persistence-modes

Gli archivi Context Hub utilizzano una delle seguenti modalità di persistenza:

Per impostazione predefinita, Context Hub utilizza la modalità di persistenza locale. Se il browser non supporta o consente HTML5 localStorage, viene utilizzata la persistenza della sessione. Se il browser non supporta o consente HTML5 sessionStorage, viene utilizzata la persistenza Window.name.

Dati store store-data

Internamente, i dati vengono memorizzati in una struttura ad albero, consentendo l'aggiunta di valori come tipi primari o oggetti complessi. Quando si aggiungono oggetti complessi agli archivi, le proprietà dell'oggetto formano rami nella struttura dati. Ad esempio, il seguente oggetto complesso viene aggiunto a un archivio vuoto denominato location:

Object {
   number: 321,
   data: {
      city: "Basel",
      country: "Switzerland",
      details: {
         population: 173330,
         elevation: 260
      }
   }
}

La struttura ad albero dei dati dell’archivio può essere concettualizzata come segue:

/
|- number
|- data
      |- city
      |- country
      |- details
            |- population
            |- elevation

La struttura ad albero definisce gli elementi dati nell’archivio come coppie chiave/valore. Nell'esempio precedente, la chiave /number corrisponde al valore 321 e la chiave /data/country corrisponde al valore Switzerland.

Manipolazione di oggetti manipulating-objects

ContextHub fornisce la classe ContextHub.Utils.JSON.tree per la manipolazione degli oggetti JavaScript. Utilizzare le funzioni di questa classe per manipolare gli oggetti JavaScript prima di aggiungerli a un archivio o dopo averli ottenuti da un archivio.

Inoltre, la classe ContextHub.Utils.JSON fornisce funzioni per serializzare gli oggetti alle stringhe e deserializzare le stringhe agli oggetti. Utilizzare questa classe per la gestione dei dati JSON per supportare browser che non includono in modo nativo le funzioni JSON.parse e JSON.stringify.

Interazione con gli store ContextHub interacting-with-contexthub-stores

Utilizzare l'oggetto JavaScript ContextHub per ottenere un archivio come oggetto JavaScript. Una volta ottenuto l'oggetto store, è possibile manipolare i dati in esso contenuti. Utilizzare la funzione getAllStores o getStore per ottenere l'archivio.

Accesso ai dati store accessing-store-data

La classe JavaScript ContexHub.Store.Core definisce diverse funzioni per l'interazione con i dati dell'archivio. Le funzioni seguenti memorizzano e recuperano più elementi di dati contenuti negli oggetti:

I singoli elementi di dati sono memorizzati come un insieme di coppie chiave/valore. Per memorizzare e recuperare i valori, specifica la chiave corrispondente:

Tieni presente che i candidati all’archivio personalizzato possono definire funzioni aggiuntive per consentire l’accesso ai dati dell’archivio.

Evento ContextHub contexthub-eventing

ContextHub include un framework di eventi che ti consente di reagire automaticamente per archiviare gli eventi. Ogni oggetto archivio contiene un oggetto ContextHub.Utils.Eventing disponibile come proprietà eventing dell'archivio. Utilizzare la funzione on o once per associare una funzione JavaScript a un evento store.

Utilizzo di Context Hub per manipolare i cookie using-context-hub-to-manipulate-cookies

L’API JavaScript di Context Hub fornisce supporto tra browser diversi per la gestione dei cookie del browser. Lo spazio dei nomi ContextHub.Utils.Cookie definisce diverse funzioni per la creazione, la manipolazione e l'eliminazione dei cookie.

Determinazione dei segmenti ContextHub risolti determining-resolved-contexthub-segments

Il motore di segmenti ContextHub consente di determinare quali dei segmenti registrati vengono risolti nel contesto corrente. Utilizzare la funzione getResolvedSegments della classe ContextHub.SegmentEngine.SegmentManager per recuperare i segmenti risolti. Utilizzare quindi la funzione getName o getPath della classe ContextHub.SegmentEngine.Segment per verificare la presenza di un segmento.

Segmenti ContextHub contexthub-segments

I segmenti ContextHub sono installati sotto il nodo /conf/<site>/settings/wcm/segments.

I seguenti segmenti sono installati con il sito WKND tutorial.

Le regole utilizzate per risolvere questi segmenti sono riepilogate come segue:

Debug di ContextHub debugging-contexthub

Sono disponibili diverse opzioni per il debug di ContextHub, inclusa la generazione di registri. Per ulteriori informazioni, vedere Configurazione di ContextHub.

Panoramica del framework ContextHub see-an-overview-of-the-contexthub-framework

ContextHub fornisce una pagina di diagnostica in cui è possibile visualizzare una panoramica del framework ContextHub.