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

问题描述：

我正在创建一个使用AngularJS的数据绑定策略创建基于后端数据模型的非常好的前端的Web应用程序。但是，后端数据需要来自传入的HTTP请求，我已经发现我将使用NodeJS来处理。在Xampp Web服务器上设置AngularJS和NodeJS

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

setup

正如你所看到的，我创建了一个网站目录，我的网站的文件，当我在我的浏览器访问localhost/website，页面加载我的文件。目前，我有角起来，与此源代码运行：

<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请求？

您应该创建一个节点服务器，就像这个[示例]（https://nodejs.org/api/synopsis.html）或者[这个示例]（http://www.hongkiat.com/blog/node -js的服务器端的JavaScript /）。也应该安装节点，并且xampp在这里是不相关的。 – Ziki

但是Angular如何适应这个？我是否将它与节点服务器放在同一个文件中？ –

答

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

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

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

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

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

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

该播放列表适用于Mongodb，以及如果您没有使用它，请不要参考整个播放列表。问我是否需要更多的澄清。

啊，这正是我需要的教程系列！非常感谢，我现在要狂欢看它:) –

如果你卡住了，让我知道。 –

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

相关推荐