如何“发布” Angular 2 应用程序

Question

我想问如何“发布”我的 angular2 应用程序。现在，我正在使用 npm start 启动我的开发服务器。但是我必须做些什么来发布应用程序，所以我不需要使用 npm start 让控制台保持打开状态？

以及如何将基本 IP 指向 angular2 端口？ 我有像这样： 123.456.678:3000 代替 123.456.678

我在互联网和 ng2 文档上进行了搜索，但没有找到答案...

Answer 1

要“发布”您的应用程序，您必须在运行 build 命令后提供内容（如果您可以提供有关您正在使用的 cli 工具的更多信息，我可以提供有关构建命令...） 无论如何，它应该构建到一个名为 dist 或 build 的文件夹中。

为了不需要让您的控制台运行您的应用程序，您可以在某个网络主机中托管您的应用程序（它可以像 github pages 这样免费，它会给您一个自定义网址：http://yourUsername.github.io/yourApp）或者如果您愿意，请继续阅读让您的控制台继续运行...

关于您的 IP 123.456.789，需要使用像 Caddy 这样的服务器（这真的很容易使用）或类似的替代方案：apache 或 nginx。

您需要通过端口 80 为您的应用提供服务，因此您的网址中不需要自定义端口 (:3000)。

你可以用这个Caddyfile开始

# port 80 so no port is needed in the url
# change "dist" to your distribution or app folder name!

:80 {
    root ./dist
}

将代码保存在名为 Caddyfile 的文件中，然后从控制台运行 caddy！