我是angular2项目开发的新手。
任何人都可以告诉我如何在azure门户上部署angular2项目。 我使用bitbuket repositoy在azure上部署了我的angular2项目。
但是当我访问http://demo.azurewebsites.net时,它会在浏览器窗口中显示以下错误。
HTTP错误502.5 - 流程失败
此问题的常见原因:
申请流程无法启动
应用程序流程已开始但随后停止
应用程序进程已启动但无法侦听已配置的端口
疑难解答步骤:
检查系统事件日志中的错误消息
启用记录应用程序进程'stdout消息
将调试器附加到应用程序进程并检查
请帮帮我
谢谢
答案 0 :(得分:3)
将您的角度应用程序放在asp.net应用程序中,因此当您运行asp.net应用程序时,它提供与角度应用程序使用的相同的index.html文件,然后将其部署到azure。
或
将其部署为节点应用,如解释here
答案 1 :(得分:1)
我看到没有很多完整的教程教会如何将角度应用程序部署到azure。这是我的方法,它适用于我。 有几种方法,但我更喜欢使用本地git将角度应用程序部署到azure。
你创建一个本地文件夹(让我们说“A”)并运行git init。
转到要部署的项目文件夹(假设为“B”)并通过powershell运行打开文件
ng build --prod --bh "./"
然后它会在你的“B”中创建一个dist文件夹。现在你的“B”文件应该有一些捆绑文件...和dist文件夹一侧的资产文件夹。您需要复制所有这些文件并粘贴到“A”,这是您的本地文件夹。
假设您已经拥有Azure中的资源(将其命名为“angularProj”),那么您转到概述,您可以看到下面的Ftp主机名是您要使用的URL。你不需要在这里做任何事情只是确保你已经拥有它设置的资源。
现在转到资源的部署选项=>选择Source => 本地Git 。填写它,然后单击确定。然后它会显示一条消息说成功设置部署源。现在转到Overview页面,您将看到FTP更改为git clone。并复制你的git clone url。
转到您当地的git存储库(“A”),然后输入command:
git add .
git commit --message "initial"
git remote add original (past your copied url in here)
git push original master
现在应该弹出一个窗口让你输入密码。
转到门户面板和部署选项:它处于待处理状态。等几分钟。一旦应用程序成功设置。转到概述单击您应该能够看到与localhost项目完全相同的网页的URL。
其他: 7.您也可以去客户域设置自己的域名映射到azure。
我不是母语人士我尽力解释我想表达的内容。希望它也有帮助,也适合你。