AngularJS+ NodeJS 應用

Question

我單獨制作了一個 AngularJS 應用程序和一個 NodeJS 應用程序，但我現在要做的是將兩者融合。 通過將 nodeJS 應用程序放入 AngularJS 應用程序或其他方式。

我知道讓 AngularJS 應用程序使用的 NodeJS 應用程序服務 API 更好，但我只想要一個服務器來完成整個事情，我認為這是可行的，因為當我制作一個 AngularJS 應用程序時，已經有一個名為“node_modules”的文件夾。

我的項目現在的結構是：

• AngularApp 文件夾（其中包含整個 AngularJS 應用程序）
• node_modules（我在其中加載了 express、mysql 以及我在Node.js應用程序中需要的內容）
• 獨立： NodeApp.js （包含node代碼的NodeApp.js應用）

但是，當我運行app.js/index.html它會拋出以下錯誤：“無法獲取 index.html”，這意味着即使它們在同一個項目中，AngularJS 和 NodeJS 也無法進行通信。 你能幫我解決這個問題嗎？ 如果我想讓它們都在同一個 Webstorm 項目中，我如何在 AngularJS 和 NodeJS 之間建立鏈接？

提前致謝。

我在我的研究中發現了這一點： http : //www.infragistics.com/community/blogs/dhananjay_kumar/archive/2015/02/13/how-to-use-nodejs-express-and-bower-to-create-angularjs -apps.aspx這是我想做的，但我不明白一切，因為使用 Webstorm 更容易

Answer 1

您應該使用Express Generator啟動一個新應用程序並查看它創建的文件夾結構。

我有一個用 expressjs 和 angularjs 構建的小應用程序，這是文件夾結構：

• 垃圾桶
• 配置
• 楷模
• 節點模塊
• 民眾
  • javascripts
    • 在這里所有的角廢話（當然在子文件夾中）
• 路線
• 測試
• 意見
  • index.html（這是我的主要 html 文件，這里是 angular 加載的地方）
• 應用程序.js

為此，我必須更改視圖引擎以使用 .html 然后當您訪問localhost:3000 時，服務器呈現 index.html ( localhost:3000/#/ )，它加載 angular 和所有廢話。 我所有的 angular 資源都轉到 /api/yourModel。

因此，如果您訪問localhost:3000/api/yourModel，您將直接訪問 api。

對我來說，這很好用，正如你所說，你擁有一切。 前端和服務器在同一個“項目”中。

Answer 2

正如 user1655756 所建議的，我所做的是創建一個新的 nodeJS 應用程序，然后我注入了 angularJS 應用程序文件夾，而不是公開的。 然后按照 node.js 中 Shaffanhoon 的建議，我指定了 index.html 的路徑，這對我有用..謝謝你的幫助