如何将angular2部署到天蓝色？答案

【问题标题】：How to deploy angular2 to azure?如何将angular2部署到天蓝色？
【发布时间】：2017-08-09 07:37:06
【问题描述】：

我是初学者，我想要具体的解释。

我想将 Angular2 基础项目部署到 Azure Web/App 服务。

我已完成 Azure 设置并将其部署到我的 github 存储库。并且通过 angular cli，我创建了 angular2 项目。

新的~~ npm 我 ng 服务 -o

最后，我不知道如何将这个文件夹部署到我的天蓝色。

【问题讨论】：

【解决方案1】：

您需要使用以下 cli 命令来构建您的应用程序：

ng build

您可以使用更多参数，您可以阅读它们here。

运行构建将生成一个名为dist 的新文件夹。此内容是您需要部署到 Azure 或任何其他云服务/服务器的内容。

【讨论】：

【解决方案2】：

您需要使用以下 cli 命令来构建您的应用程序： ng build --prod build 将创建一个名为 dist 的新文件夹。在 dist 中复制文件并将其粘贴到服务器文件夹。它将工作..

【讨论】：

【解决方案3】：

步骤：1 安装 Angular 剪辑

npm install -g angular-cli

步骤：2 使用 Angular-cli 创建项目

ng new myApp

步骤：3

cd myApp

步骤：4

您可以使用 http-server 为您的应用程序提供服务。

npm install http-server -g

步骤：5

ng build --aot

它将所有内容从源代码复制到 dist 文件夹

第 6 步：

http-server dist/ -p 80 > .output.log &

它将为您文件夹中的所有文件提供服务。您可以检查终端您可以用来访问应用程序的 IP 地址和端口。现在打开浏览器并输入

ip-adress:port

希望对你有帮助:)

【讨论】：

【解决方案4】：

我想分享一种将 Angular 应用程序发布到 Azure 的简单方法。

背景：angualar2 combo web api项目原生asp.net项目

答案：发布主要项目，直到我采取了两个步骤才完成

直到我完成 1 和 2 之前，我得到的只是一个空白索引 html 页面。希望这对某人有所帮助。

【讨论】：