如何在天蓝色上部署角度2项目

时间:2017-04-29 07:08:02

标签: angular azure azure-deployment

我是angular2项目开发的新手。

任何人都可以告诉我如何在azure门户上部署angular2项目。 我使用bitbuket repositoy在azure上部署了我的angular2项目。

但是当我访问http://demo.azurewebsites.net时,它会在浏览器窗口中显示以下错误。

HTTP错误502.5 - 流程失败

此问题的常见原因:

申请流程无法启动

应用程序流程已开始但随后停止

应用程序进程已启动但无法侦听已配置的端口

疑难解答步骤:

检查系统事件日志中的错误消息

启用记录应用程序进程'stdout消息

将调试器附加到应用程序进程并检查

请帮帮我

谢谢

2 个答案:

答案 0 :(得分:3)

将您的角度应用程序放在asp.net应用程序中,因此当您运行asp.net应用程序时,它提供与角度应用程序使用的相同的index.html文件,然后将其部署到azure。

将其部署为节点应用,如解释here

答案 1 :(得分:1)

我看到没有很多完整的教程教会如何将角度应用程序部署到azure。这是我的方法,它适用于我。 有几种方法,但我更喜欢使用本地git将角度应用程序部署到azure。

  1. 你创建一个本地文件夹(让我们说“A”)并运行git init。

  2. 转到要部署的项目文件夹(假设为“B”)并通过powershell运行打开文件
    ng build --prod --bh "./" 然后它会在你的“B”中创建一个dist文件夹。现在你的“B”文件应该有一些捆绑文件...和dist文件夹一侧的资产文件夹。您需要复制所有这些文件并粘贴到“A”,这是您的本地文件夹。

  3. 假设您已经拥有Azure中的资源(将其命名为“angularProj”),那么您转到概述,您可以看到下面的Ftp主机名是您要使用的URL。你不需要在这里做任何事情只是确保你已经拥有它设置的资源。

  4. 现在转到资源的部署选项=>选择Source => 本地Git 。填写它,然后单击确定。然后它会显示一条消息说成功设置部署源。现在转到Overview页面,您将看到FTP更改为git clone。并复制你的git clone url。

  5. 转到您当地的git存储库(“A”),然后输入command:
    git add . git commit --message "initial" git remote add original (past your copied url in here) git push original master 现在应该弹出一个窗口让你输入密码。

  6. 转到门户面板和部署选项:它处于待处理状态。等几分钟。一旦应用程序成功设置。转到概述单击您应该能够看到与localhost项目完全相同的网页的URL。

  7. 其他: 7.您也可以去客户域设置自己的域名映射到azure。

    我不是母语人士我尽力解释我想表达的内容。希望它也有帮助,也适合你。

相关问题