使用AngularJS和Sitecore(SPA)构建单页应用程序

使用AngularJS和Sitecore(SPA)构建单页应用程序,angularjs,sitecore,sitecore8,Angularjs,Sitecore,Sitecore8,我想实现Sitecore应用程序(使用angular js的单页设计): 可能吗 如果可能的话,体验编辑器如何,它将与它一起工作 那么Sitecore个性化呢 我没有使用angular js的经验。为了实现这一目标,我应该考虑什么 我将使用Sitecore 8。我发现了这一点,但正如他所说,页面编辑器根本不起作用 谢谢。1 是的,这是可能的,我在Sitecore 7中使用前端的AngularJS和WebAPI实现了一个SPA,以提供Sitecore项目的数据,并且所有这些都非常好地协同工作 您可

我想实现Sitecore应用程序(使用angular js的单页设计):

  • 可能吗
  • 如果可能的话,体验编辑器如何,它将与它一起工作
  • 那么Sitecore个性化呢
  • 我没有使用angular js的经验。为了实现这一目标,我应该考虑什么
  • 我将使用Sitecore 8。我发现了这一点,但正如他所说,页面编辑器根本不起作用

    谢谢。

    1

    是的,这是可能的,我在Sitecore 7中使用前端的
    AngularJS
    WebAPI
    实现了一个SPA,以提供Sitecore项目的数据,并且所有这些都非常好地协同工作

    您可以考虑使用Sitecore MVC
    控制器
    ,这将与WebAPI一样有效。或者,如果您有时间学习新的Sitecore技术,您可以考虑使用它。这两种方法都适用于从Sitecore提供数据

    根据经验,我建议您制作负责AnglarJS使用的单一类型数据的控制器。控制器传递的模型应该是精益的,只包含与控制器用途相关的数据

    二,

    对于我的实现,经验编辑器无法工作,因为我使用AngularJS来操作和显示数据。如果不使用AngularJS提取数据,就可以使用Sitecore控件,但我认为如果不使用代码对其进行黑客攻击,这是不可能的

    三,

    如果您使用Sitecore控件,则可以通过体验编辑器进行个性化设置。可以通过内容编辑器和代码进行个性化设置。我建议您像构建大多数Sitecore实现一样构建SPA;布局、子布局等。您可以通过控制器中的代码、应用程序逻辑等实现个性化

    四,

    我也没有使用AngularJs的经验,但我从教程中学到了所有我需要知道的东西,其余的都是符合逻辑的,足以让您了解您是否熟悉任何编程语言。我建议你通过这个练习来完成练习——这是我学习的方式

    我还没有写一篇关于我是如何做到这一点的博客,但戴夫·彼得森写了两篇关于这一点的博客,可能值得一读

  • 是的,这是可能的
  • 是的,您可以使用体验编辑器,但您必须以特定的方式构建站点。不是以“正常”的方式
  • 同样,和experience editor一样,您也可以使用它,但网站的构建必须满足这一要求
  • 不确定角度-我使用了主干,但原理非常相似
  • 我有一篇关于我们如何为客户实现这一目标的博文:


    阅读一下,它给出了在SPA中启用Sitecore时应遵循的原则。

    Sitecore中的任何功能都是可能的,但有些定制过于复杂,不太实用

    您可以通过以下限制轻松构建SPA应用程序:

  • 使用以下任一选项显示各种视图:

    a) 服务器生成的模板,或

    b) 包含Sitecore托管内容(通过自定义控制器或内容API以json形式检索)并使用AngularJS绑定到模板的static.html模板

  • 将个性化范围仅限于内容

  • 具有与最终用户体验明显不同的体验或页面编辑器视图。即使如此,这也需要单独的设计来创建和维护

  • 更具挑战性的是:

  • 利用个性化动态显示不同的渲染。隐藏/显示渲染等

  • 让体验编辑器反映水疗体验的实际设计


  • 可以始终使用cms后端编辑内容,并使用AJAXAPI提供该内容。不确定你的总体目标是什么is@JonathanRobbins我可以用SiteCore 9实现angular js吗