将Angular应用程序与Web API一起发布到Azure

jpfvwuh4  于 2023-02-25  发布在  Angular
关注(0)|答案(2)|浏览(199)

我通过this guide创建了一个带有Angular的ASP.NET核心应用程序。我使用GitHub Action支持将其发布到Azure,该支持由Azure生成,然后我进行了修改以使其工作。我已经使其为我的应用程序工作,但似乎只有API可以发布。和指定的端点URL。这是有意义的,因为我不得不修改工作流,以直接表明API项目。我如何发布Angular应用程序(在UI项目中)到Azure以及使用相同的工作流?
以下是回购协议供参考:https://github.com/rarDevelopment/rardk-web-dotnet工作流程:https://github.com/rarDevelopment/rardk-web-dotnet/blob/main/.github/workflows/main_rardkweb.yml和API示例端点运行如下:https://rardkweb.azurewebsites.net/WeatherForecast

oiopk7p5

oiopk7p51#

Angular应用程序将通过npm run build发布,您链接的指南中也是这么说的
发布过程比只发布ASP .NETCore项目要花费更多的时间,因为发布时会调用npmrunbuild命令。
在dotnet中,静态文件存储在项目的web根目录中。
您的Angular 项目应该配置为在dotnet项目的web根目录(www)中发布npm run build的结果。
当构建的Angular应用程序位于www目录中时,您就构建/发布了dotnet项目,该项目需要进行配置(参见指南examplecode)以服务静态文件。

6kkfgxo0

6kkfgxo02#

最后,我采用了一种不同的方法,使用了以下指南:https://learn.microsoft.com/en-us/visualstudio/javascript/tutorial-asp-net-core-with-angular?view=vs-2022
从头开始,这要容易得多,因为它让应用程序在本地工作,然后发布步骤还自动创建了必要的Azure资源。

相关问题