如何将angular2部署到azure？

Question

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

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

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

ng new ~~ 我是谁 ng serve -o

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

Answer 1

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

ng build

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

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

Answer 2

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

Answer 3

步骤：1 安装Angular cli

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

希望它会对你有所帮助:)。

Answer 4

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

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

答案：在我采取两个步骤之前发布尚未完成的主要项目

1. 右键单击包含angular2文件和菜单发布的应用程序目录
2. 显示所有文件并右键单击节点目录和菜单发布

直到我做了1和2，我得到的是一个空白的索引html页面。 希望这有助于某人。