[2014/08/26追記] 続編を書きました。

その③：実装編

在之前的第一部分“分析篇”的基础上，本篇继续探讨第二部分：”环境搭建篇”。

所以，來自結果來看，在我的手頭上，Rails × AnguraJS 的結合很順利地完成了^^
（就像在第一點中所述，Rails 專注於 API，所有響應都以 JSON 的形式呈現。AngularJS 則在 Rails 的 public 目錄下運行。）

Rails部分和AngularJS部分可以在同一个源代码树中进行管理，并且可以使用Grunt或Bower来管理前端部分。如果你独自开发后端和前端，这可能是个不错的选择^^;

在下面的图中，您可以看到在本地环境中，AngularJS 在Rails 的 3000 端口上运行。

实际上，我已经在我的电脑上完成了实施，但由于解释会变得很冗长（我将在下一篇文章中写），所以本次我将写关于开发环境的搭建。

前提 tí) – prerequisite

• 私の環境(Mac)は次のとおりです。

OS： Mac OS X 10.9.4 (Mavericks)

Ruby： 2.1.2

Rails： 4.1.1

AngularJS 部分では、Yeoman と Yeoman の generator-angular を使います。

もしまだ入ってなければ、次のようにセットアップしてください。

$ npm install -g yo grunt-cli bower
$ npm install -g generator-angular

npm がはいってなければ、Homebrew で Node.js をインストールしてください。

$ brew install node

Homebrew自体が入ってなければ、Homebrewの公式ページどおり、次のようにインストール

$ ruby -e “$(curl -fsSL https://raw.github.com/Homebrew/homebrew/go/install)”

※ 執筆時とコマンド内容が変わってるかもしれないので、公式ページを確認ください。
※ 事前に Xcode のインストール(および起動して許諾への同意)が必要かも。他にコンパイル環境があれば不要だけど。

构建一个Rails应用程序

构建AngularJS应用程序

最后

我在同一源代码库中搭建了Rails和AngularJS的开发环境。我使用RubyMine作为Rails开发的IDE，但前端文件也以很好的方式显示出来，看起来不错。

接下来是实施部分！