將ContextHub新增至頁面並存取存放區 adding-contexthub-to-pages-and-accessing-stores

將ContextHub新增至您的頁面，以啟用ContextHub功能並連結至ContextHub JavaScript程式庫。

ContextHub JavaScript API提供對ContextHub管理之內容資料的存取權。 本頁面簡要說明用於存取及操控內容資料的API的主要功能。 請依照API參考檔案的連結檢視詳細資訊和程式碼範例。

將ContextHub新增至頁面元件 adding-contexthub-to-a-page-component

若要啟用ContextHub功能並連結至ContextHub JavaScript程式庫，請包含 contexthub 中的元件 head 區段。 頁面元件的HTL程式碼應類似下列範例：

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

您還需要設定ContextHub工具列是否以「預覽」模式顯示。 另請參閱 顯示和隱藏ContextHub UI.

關於ContextHub存放區 about-contexthub-stores

使用ContextHub存放區來儲存內容資料。 ContextHub提供下列型別的存放區，這些存放區是所有存放區型別的基礎：

所有存放區型別都是 ContextHub.Store.Core 類別。 如需有關建立存放區型別的資訊，請參閱 建立自訂商店. 如需有關範例存放區型別的資訊，請參閱 ContextHub存放區候選範例.

持續性模式 persistence-modes

Context Hub存放區會使用下列其中一個持續性模式：

Context Hub預設會使用本機持續性模式。 如果瀏覽器不支援或允許HTML5 localStorage，則會使用工作階段持續性。 如果瀏覽器不支援或允許HTML5 sessionStorage，則會使用Window.name持續性。

存放資料 store-data

在內部，以樹狀結構儲存資料，可讓值新增為主要型別或複雜物件。 當您將複雜物件加入至儲存區時，物件屬性會在資料樹狀結構中形成分支。 例如，下列複雜物件會新增至名為location的空白存放區：

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

存放區資料的樹狀結構可依據下列方式進行概念化：

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

樹狀結構會將存放區中的資料專案定義為索引鍵/值組。 在上述範例中，索引鍵 /number 與值對應 321，和索引鍵 /data/country 與值對應 Switzerland.

操控物件 manipulating-objects

ContextHub提供 ContextHub.Utils.JSON.tree 控制JavaScript物件的類別。 在將JavaScript物件新增至存放區之前，或是從存放區取得物件之後，使用此類別的函式來操控物件。

此外， ContextHub.Utils.JSON 類別提供的函式可將物件序列化為字串，以及將字串還原為物件。 此類別用於處理JSON資料，以支援本身不包含 JSON.parse 和 JSON.stringify 函式。

與ContextHub存放區互動 interacting-with-contexthub-stores

使用 ContextHub JavaScript物件，可取得儲存區當作JavaScript物件。 取得存放區物件後，您就可以控制其中包含的資料。 使用 getAllStores 或 getStore 函式以取得存放區。

存取存放區資料 accessing-store-data

此 ContexHub.Store.Core JavaScript類別定義了幾個與存放區資料互動的函式。 以下函式儲存和擷取物件中包含的多個資料專案：

個別資料專案會儲存為一組索引鍵/值組。 若要儲存和擷取值，請指定對應的索引鍵：

自訂商店候選者可以定義其他函式，提供存取商店資料的許可權。

ContextHub事件 contexthub-eventing

ContextHub包括事件架構，可讓您自動對儲存事件做出反應。 每個存放區物件包含 ContextHub.Utils.Eventing 物件，可作為存放區的 eventing 屬性。 使用 on 或 once 將JavaScript函式繫結至存放區事件的函式。

使用Context Hub操作Cookie using-context-hub-to-manipulate-cookies

Context Hub JavaScript API為處理瀏覽器Cookie提供跨瀏覽器支援。 此 ContextHub.Utils.Cookie namespace定義了數個用於建立、處理和刪除Cookie的功能。

決定已解析的ContextHub區段 determining-resolved-contexthub-segments

ContextHub區段引擎可讓您決定要在目前前後關聯中解析哪些已註冊區段。 使用的getResolvedSegments函式 ContextHub.SegmentEngine.SegmentManager 類別以擷取已解析的區段。 然後，使用 getName 或 getPath 的功能 ContextHub.SegmentEngine.Segment 類別以測試區段。

ContextHub 區段 contexthub-segments

ContextHub區段會安裝在 /conf/<site>/settings/wcm/segments 節點。

下列區段會隨 WKND教學課程網站.

用於解析這些區段的規則概述如下：

偵錯ContextHub debugging-contexthub

偵錯ContextHub有數個選項，包括產生記錄檔。 另請參閱 設定ContextHub以取得詳細資訊。

請參閱ContextHub架構的概觀 see-an-overview-of-the-contexthub-framework

ContextHub提供 診斷頁面 您可以在此看到ContextHub架構的概觀。