使用单个命令启动 Rails api 和 Angular2 应用程序以进行本地开发答案

【问题标题】：Booting up Rails api and Angular2 app with single command for local development使用单个命令启动 Rails api 和 Angular2 应用程序以进行本地开发
【发布时间】：2018-09-04 01:31:39
【问题描述】：

我的后端 api 应用程序与我们的前端 Angular 驱动实例分开运行。

基本上是两个不同的应用程序：

Rails api 在独角兽上运行
在 Apache Web 服务器上运行的 Angular 应用程序

我们可能会向我们的堆栈添加更多依赖项，例如 Redis 或其他任何东西。我如何一次开始一切？无需在单独的控制台选项卡中单独启动其他所有内容？

到目前为止，我发现可以做类似事情的是 (pow.cx)，我只是不知道如何将它配置为与我的 api 一起运行 Apache Web 服务器，这就是为什么我有点问这个问题。

【问题讨论】：

标签： ruby-on-rails angularjs ruby

【解决方案1】：

我认为您需要在 rails 应用程序中合并两者。但通常 API 和前端应该在不同的服务器上。那么，如果您有 Mobile-App 向此 API 发送请求，解决方案是什么。我不认为您可以启动一次移动应用程序和轨道应用程序？

您可以在 Rails 操作中处理 HTML 和 JSON 格式（处理 Rails 应用程序和 API），然后将 Angular 应用程序与 Rails 应用程序合并，如下所示：

您应该将angular 2的app目录添加到rails文件夹中的public文件夹。另外，在class Application 中加载node_modules 文件夹，如下所示：

config.assets.paths << Rails.root.join('node_modules')

将angular 2的路由改为rails server的同一个端口：

this.http.get('http://localhost:3000/api').subscribe( 
data => this.message = data.json().some, err => console.log(err) );

我建议阅读此内容以帮助您：

Integrate Angular 2 with rails.

【讨论】：