在Xampp Web服务器上设置AngularJS和NodeJS
我正在创建一个使用AngularJS的数据绑定策略创建基于后端数据模型的非常好的前端的Web应用程序。但是,后端数据需要来自传入的HTTP请求,我已经发现我将使用NodeJS来处理。在Xampp Web服务器上设置AngularJS和NodeJS
现在我正在使用Xampp本地Web服务器来完成所有测试,这里是我设置的文件结构。
正如你所看到的,我创建了一个网站目录,我的网站的文件,当我在我的浏览器访问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请求?
Scotty Xampp基于文件结构运行,您可以使用它的设置指定一个端口,然后访问文件夹。
要使用Node JS,您必须安装节点js,并在节点js中设置您所选择的端口,然后您可以使用localhost访问您的内容:您的端口号。
要向服务器发送请求,您必须使用Angular的控制器进行呼叫。
如果您是初学者,我向您推荐本教程。
https://www.youtube.com/playlist?list=PLX2HoWE32I8Nkzw2TqcifObuhgJZz8a0U
检查播放列表的第一个视频,那会做你想要什么。
该播放列表适用于Mongodb,以及如果您没有使用它,请不要参考整个播放列表。问我是否需要更多的澄清。
啊,这正是我需要的教程系列!非常感谢,我现在要狂欢看它:) –
如果你卡住了,让我知道。 –
您应该创建一个节点服务器,就像这个[示例](https://nodejs.org/api/synopsis.html)或者[这个示例](http://www.hongkiat.com/blog/node -js的服务器端的JavaScript /)。也应该安装节点,并且xampp在这里是不相关的。 – Ziki
但是Angular如何适应这个?我是否将它与节点服务器放在同一个文件中? –