将Angularjs和Rails应用程序分离为独立的组件

Question

我想试试安古拉杰。然而，我一直难以决定我应该在哪里定位我的角度应用程序。

我在后端使用Rails框架。我已经看过教程，整个角应用程序都生活在资产/javascript文件夹下。

我想知道，我是否可以让它完全活在rails目录之外，而不是生活在资产/javascript文件夹中。这样，我就可以将后端和前端完全分开。(这是推荐的吗？)

我相信资产管道也预编译了很多资产。如果我要分离angularjs资产，我是否需要以某种方式预编译这些资产？

谢谢

Answer 1

您可以使用基于咕噜的工作流：

• 如何使用大量脚本文件管理AngularJS工作流
• http://newtriks.com/2013/06/11/automating-angularjs-with-yeoman-grunt-and-bower/

如果您从一个解耦的前端开始，首先使用模拟，这样您就可以保持在角度内，并且不会丢失后端和前端逻辑之间的焦点切换。构建单个页面应用程序的一个优点是，您可以独立于后端api开发它。有关模拟http响应的信息，请参见(http://docs.angularjs.org/api/ngMockE2E.$httpBackend)。

Answer 2

我一直在研究类似的问题。有一些很好的工具可以让您直接将AngularJS集成到rails资产管道中，在我看来，如果您只需要一点点角度的话，它们看起来很好。

然而，如果你想要一个完整的角度前端，也就是一个单一的网页应用程序，我认为你最终会受到兼容性和一些工具的限制。我觉得Rails宝石无法完全跟上角度，所以您将陷入版本冲突。我还看到了越来越多的独立工具，我非常喜欢五-样板项目模板。我还喜欢很多测试工具，比如业力，而且我还没有真正找到一种将业力与rails集成的方法。

出于这个原因，我最终决定把这两件事分开。最初，我是通过创建rails应用程序和单独的角度应用程序(不同的目录)来做到这一点的。我用标准板作为棱角端的框架。我写了一个关于这方面的教程。这最终变得有点令人沮丧，我写了再想一想，主要的烦恼是我有两个git存储库，保持它们同步是很烦人的。在两个目录中使用IDE也有点烦人。最后，我转移到rails和rails在同一个文件夹中，它们看起来很不错，因为每个目录都在该项目中使用不同的目录。

在当前的结构中，我使用ng样板附带的咕噜设置来缩小所有代码，打包它，并运行业力单元测试。我还没有确定端到端的测试，但它在我的名单上。我发现这是一个相对高效的工作环境。我为页面、控制器和业力测试用例选择的结构有一些重复的代码(我选择不考虑它以保持可读性)。我计划扩展rails脚手架生成器，以便为我创建javascript框架--因此，当我创建人员rails支架时，它还会为我创建一个persons angularjs脚手架。如果我做这件事的话我会在这里更新的。

编辑:我也完成了脚手架工作，它允许rails在生成rails模型/控制器等时自动生成angularJS元素。

Answer 3

我们一直在Rails应用程序中使用AngularJS，我们一直在使用Rails ERB模板，但在需要时切换到使用ng指令。

对于上面的设置，我们使用了bower/弓形钢轨 gem，它允许我们使用bower来管理角包及其依赖项。我们将其提交到javascripts目录中的repo中，并由Rails资产管道来处理。

考虑到我们在再培训局模板和Angularjs之间的意见有50-50 %以上，这一设置对我们非常有效。

有关此设置的更多信息，请参见下面的链接：

• http://angular-rails.com/bootstrap.html
• http://pete-hamilton.co.uk/2013/07/13/angularjs-and-rails-with-bower/
• http://start.jcolemorrison.com/setting-up-an-angularjs-and-rails-4-1-project/