在 Xampp Web 服务器上设置 AngularJS 和 NodeJS答案

【问题标题】：Setup AngularJS and NodeJS on Xampp Web server在 Xampp Web 服务器上设置 AngularJS 和 NodeJS
【发布时间】：2015-11-08 16:38:52
【问题描述】：

我正在创建一个 Web 应用程序，它使用 AngularJS 的数据绑定策略来基于后端数据模型创建一个非常好的前端。然而，后端数据需要来自传入的 HTTP post 请求，我已经想通了我将使用 NodeJS 来处理。

现在我正在使用 Xampp 本地 Web 服务器进行所有测试，这是我设置的文件结构。

setup

如您所见，我为我的网站文件创建了一个网站目录，当我在浏览器中访问localhost/website时，页面会加载我拥有的文件。目前，我已经使用这个源代码启动并运行了 Angular：

<html>

  <head>
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.7/angular.min.js"></script>
    <link rel="stylesheet" href="style.css" />
    <script src="script.js"></script>
  </head>

  <body ng-app>
    <h1>{{80/5}}</h1>
  </body>

</html>

并且页面上唯一的文本是 16，正如预期的那样。

我的问题是，我怎样才能让 NodeJS 服务器也运行在同一位置（localhost/website），这样当 HTTP 请求发送到这个 Web URL 时，它们会被 Node 拦截和处理，从而可以传递结果直接处理到 Angular 来处理前端的东西？你能在我拥有的script.js 文件中创建节点服务器吗？我将使用什么主机/端口来获取传入的 HTTP 请求？

【问题讨论】：

你应该创建一个节点服务器，比如example 或this example。节点也应该安装，xampp在这里是无关紧要的。
但是 Angular 如何适应这一点？我只是将它包含在与 Node 服务器相同的文件中吗？

标签： javascript angularjs node.js

【解决方案1】：

Scotty Xampp 基于文件结构运行，您可以使用其设置指定一个端口，然后访问文件夹。

要使用 Node JS，您必须安装 node js，并且在 node js 中，您可以设置您选择的端口，然后您可以使用 localhost:您的端口号访问您的内容。

要向服务器发出请求，您必须使用 Angular 的控制器进行调用。

如果您是初学者，我向您推荐本教程。

https://www.youtube.com/playlist?list=PLX2HoWE32I8Nkzw2TqcifObuhgJZz8a0U

检查播放列表的第一个视频，它会做你想要的。

播放列表也适用于 Mongodb，如果您不使用它，请不要引用整个播放列表。问我是否需要更多说明。

【讨论】：

啊，这正是我需要的教程系列！非常感谢，我现在要狂欢观看:)
如果您遇到困难，请告诉我。