使用AngularJS和Sitecore（SPA）構建單頁應用程序

Question

我想實現Sitecore應用程序（使用angular js進行單頁設計）：

1. 那可能嗎 ？
2. 如果可能的話，體驗編輯器可以使用它嗎？
3. 那么Sitecore的個性化呢？
4. 我沒有使用angular js的經驗。 我應該考慮什么才能實現這一目標

我將使用Sitecore8。我發現這個有用的博客 ，但是正如他所說， 頁面編輯器根本無法工作

謝謝。

Answer 1

1。

是的，是有可能的，我在Sitecore 7中實現了SPA，使用AngularJS作為前端，並使用WebAPI來提供Sitecore Items中的數據，並且它們都可以很好地協同工作。

您可以考慮使用Sitecore MVC Controllers ，該Controllers與WebAPI一樣好。 或者，如果您有時間學習新的Sitecore技術，則可以使用Sitecore的Entity Service進行調查 。 兩者都可以從Sitecore提供數據。

根據經驗，我建議您將控制器設計為負責AnglarJS消耗的單一數據類型。 控制器傳遞的模型應精簡，僅包含與控制器用途相關的數據。

2。

對於我的實現，由於我使用AngularJS來處理和呈現數據，因此體驗編輯器無法正常工作。 如果您不使用AngularJS提取數據，則可以使用Sitecore控件，但我認為如果不使用代碼對其進行破解，這是不可能的。

3。

如果您使用Sitecore控件，則應該可以通過“體驗編輯器”進行個性化設置。 通過內容編輯器和代碼的個性化將成為可能。 我建議您像大多數Sitecore實施一樣構建SPA。 布局，子布局等。您可以通過控制器，應用程序邏輯等中的代碼來實現個性化

4。

我也沒有使用AngularJs的經驗，但是我從教程中學到了我需要知道的所有內容，其余的內容合乎邏輯，可以讓您弄清楚您是否熟悉任何編程語言。 我建議您通過本Codecademy教程來完成練習，這是我的學習方法。

我還沒有寫一篇關於如何實現它的博客，但是Dave Peterson撰寫了兩個博客，介紹了他在Sitecore和AngularJs上的SPA經驗，值得一讀。

Answer 2

1. 對的，這是可能的
2. 是的，您可以使用體驗編輯器，但是您必須以特定的方式構建站點。 不以“正常”方式。
3. 再次，與體驗編輯器相同，您可以使用它，但是必須構建該站點來適應該需求。
4. 在Angular上不確定-我已經使用了骨干網，但是原理非常相似。

我有一篇關於如何為客戶實現此目標的博客文章： http : //www.sitecorenutsbolts.net/2015/12/07/Single-Page-Applications-in-Sitecore-Part-I/

閱讀有關內容，它提供了在SPA中啟用Sitecore時應遵循的原則。

Answer 3

Sitecore可以做任何事情，但是某些自定義過於復雜，以至於不可行。

您可以輕松構建具有以下限制的SPA應用程序：

1. 使用任一顯示各種視圖

   a）服務器生成的模板，或

   b）具有Sitecore托管內容的靜態.html模板（通過自定義控制器或Content API檢索為json），並使用AngularJS綁定到模板。

2. 將個性化的范圍限制為僅滿足要求 。

3. 經驗或頁面編輯器視圖與最終用戶體驗明顯不同。 即使那樣，這仍需要單獨的設計來創建和維護。

更具挑戰性的是：

1. 利用個性化來動態顯示不同的渲染。 隱藏/顯示效果圖等

2. 讓體驗編輯器反映SPA體驗的實際設計