部署 angular 8 和 asp.net core 3.1 的步骤答案

【问题标题】：Steps to deploy angular 8 along with asp.net core 3.1部署 angular 8 和 asp.net core 3.1 的步骤
【发布时间】：2020-09-25 20:55:30
【问题描述】：

我目前创建了一个独立的 Angular 8 应用程序，它不是 .net 核心。我曾经将它部署在 IIS 和另一个 .net core 3.1 Web Application for WEB API 中，单独托管，UI 调用 API URL。

现在我必须将两者部署在一起，所以我必须将我的 Angular 8 应用程序合并到 .net 核心中

有没有一种方法可以代替创建 Angular 类型的新 .net Core Web 应用程序？是否有将 API 和 Angular 应用程序一起部署的最佳实践？

【问题讨论】：

这样做。您需要在核心 api 中创建 www 根目录，并且从启动时您需要启用 www 文件夹才能访问。然后将您的角度 dist 文件夹放入此文件夹中

标签： angular asp.net-core asp.net-core-webapi

【解决方案1】：

1) 如果不存在，则在 api 项目中创建 wwwroot

2) 在启动时允许app.UseDefaultFiles(); app.UseStaticFiles();

3) 刺激你的角度ng build --prod

4) 把你的角度分布放到这个 wwwroot 文件夹中

【讨论】：

【解决方案2】：

我将 ASP.NET Core Web API 2.2 和 Angular 8 应用程序部署到托管服务提供商的步骤。也许对你有帮助。

如果没有wwwroot文件夹，则在ASP.NET Core Web API项目中创建一个文件夹wwwroot
在您的 Angular 应用程序中运行 ng build --prod。
将上述步骤中的这些构建文件复制到wwwroot 文件夹中。您可以通过在 angular.json 文件中查看 "outputPath": "dist/YourAppl", 来找到您创建的捆绑包
将您的 ASP.NET Core Web API 发布到文件夹中。右键单击项目 -> 发布

将已发布的文件夹放入您网站的文件夹中。

这是web.config，以防您想查看已部署应用程序的详细错误。知道应该在部署的应用程序中编辑哪些内容非常有帮助，因为可以看到抛出的异常：

<?xml version="1.0" encoding="utf-8"?>
<configuration>
    <location path="." inheritInChildApplications="false">
    <system.webServer>
        <handlers>
            <add name="aspNetCore" path="*" verb="*" modules="AspNetCoreModuleV2" 
                resourceType="Unspecified" />
        </handlers>
        <aspNetCore processPath="dotnet" arguments=".\fooAppl.dll" 
            stdoutLogEnabled="false" stdoutLogFile=".\logs\stdout" 
            hostingModel="InProcess" >
            <environmentVariables>
                <environmentVariable name="ASPNETCORE_ENVIRONMENT" 
                    value="Development" />
            </environmentVariables>     
         </aspNetCore>
      </system.webServer>
   </location>
</configuration>

In addition, you can read a great article about deploying ASP.NET Core Web API to IIS

【讨论】：