在 Node.js 中部署 angularjs 应用程序

Posted 2023-02-23

【中文标题】在 Node.js 中部署 angularjs 应用程序

【英文标题】：Deploy angularjs application in Node.js

【发布时间】：2013-09-15 19:27:41

【问题描述】：

您好，我正在关注 AngularJS 文档中的 this tutorial。

我正在尝试使用这种方法来学习这一点。

您需要在您的系统上运行一个 http 服务器。 Mac 和 Linux 机器通常预装了 Apache，但如果你还没有安装，你可以使用 node 运行 scripts/web-server.js，一个简单的捆绑 http 服务器。

我的服务器已启动，但在 localhost:8000（其运行的端口）上发生的唯一事情是列出了文件。

如何使用 Node.js 进行部署？

当我在浏览器中导航到 localhost:8000 时，这是我的服务器日志。

112-108-15:脚本 phe$ ./web-server.js Http 服务器运行在 http://localhost:8000/ GET / Mozilla/5.0 (Macintosh; Intel Mac OS X 10_8_4) AppleWebKit/537.36 (Khtml, like Gecko) Chrome/29.0.1547.65 Safari/537.36 GET / Mozilla/5.0 (Macintosh; Intel Mac OS X 10_8_4) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/29.0.1547.65 Safari/537.36

【参考方案1】：

如你所见the instruction，你需要运行

node ./scripts/web-server.js

然后转到http://localhost:8000/app/index.html。

【参考方案2】：

如果您安装了节点，请转到您的 Angular 应用程序所在的目录并输入：

scripts/webserver.js

回车，瞧！

您可以访问您的网站：

http://localhost:8000/

如果你没有安装node，安装node然后进入第一步。

【讨论】：

我已经做到了。并启动了服务器。我应该使用什么网址？我正在尝试localhost:8000

当您访问该网址时会发生什么？

您从错误的目录（脚本目录）运行命令。上一个目录cd ..，然后输入scripts/web-server.js

现在 angular-phonecat 中的所有文件夹都被列出来了。

所以去 localhost:8000/app/index.html

【参考方案3】：

您需要从本地计算机上的服务器提供文件。

在文档中，提到您可以从节点服务器提供文件。

但是，如果你不想下载和运行 nodejs，并且你在 Mac/Linux 上已经安装了 python，你也可以 cd 进入带有 index.html 的目录并运行 python 服务器 - @987654324 @。这将在端口 8000 上提供文件。转到 localhost:8000，您将看到您的文件正在呈现。

而且，如果您想在远程机器上将其部署到生产环境，我遇到了deployment of nodejs & angular application deployment to production using ansible.，我使用相同的方法将我的第一个应用程序部署到生产环境。