在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請求？

來源

2015-11-08 FaTal Cubez

您應該創建一個節點服務器，就像這個[示例]（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，以及如果您沒有使用它，請不要參考整個播放列表。問我是否需要更多的澄清。

來源

2015-11-08 16:56:57

啊，這正是我需要的教程系列！非常感謝，我現在要狂歡看它:) –

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

在Xampp Web服務器上設置AngularJS和NodeJS

回答

相關問題