Asp.Net Core, Angular 4 CLI站点部署

简单记录一下，如何在IIS下部署Asp.Net Core Web Application + Angular app的项目。

环境：IIS 10, Asp.Net Core 2.0, Angular 4 CLI

步骤：

1. 确认IIS已经安装了AspNetCoreModule

   

2. 新建一个站点，并配置该站点的应用程序池为无托管类型

   

3. 新建Asp.Net Core Web Application项目（默认创建，无需任何修改）。
4. 在Startup.cs中，添加如下代码：

   public void Configure(IApplicationBuilder app, IHostingEnvironment env)
   {
           if (env.IsDevelopment())
           {
               app.UseDeveloperExceptionPage();
           }
   
           app.UseDefaultFiles(new DefaultFilesOptions
           {
               DefaultFileNames = new List<string> { "index.html" },
               RequestPath = new PathString("")
           });
   
           app.UseStaticFiles();
   
           app.UseMvc();
   }

    

5. 新建Angular 4 CLI项目

6. (可选) 修改angular-cli.json的outDir配置：

   

7. 发布Angular 4 CLI项目。发布后的代码会自动生成到wwwroot文件夹中。

   ng build -env=prod

8. 将Angular 4 CLI中的wwwroot覆盖Asp.Net Core项目中的（站点根目录下的）wwwroot同名文件夹。
9. 发布Asp.Net Core项目。

   donet publish -c release

10. 将IIS站点资源文件路径指向Asp.Net Core项目发布后的文件夹。
11. 大功告成。

从第7步至第9步，可以用批处理代替，节约时间。

main.bat

@echo off
cls
del /q E:\Projects\Trials\CJ\CJ\wwwroot\*
del /q E:\Projects\Trials\CJ\CJ\bin\Release\netcoreapp2.0\publish\*
del /q E:\Projects\Trials\CJ\deployment\*
del /q E:\Projects\Trials\CJ\deployment\wwwroot\*
echo 所有历史文件已清除

echo 开始发布Angular CLI程序
call cj_angular_publish.bat

echo 开始发布ASP.NET CORE程序
xcopy /s E:\Projects\Trials\CJ\cjweb\wwwroot E:\Projects\Trials\CJ\CJ\wwwroot
cd E:\Projects\Trials\CJ\CJ
dotnet publish -c release

echo 开始IIS文件部署
rem iisreset /stop
xcopy /s E:\Projects\Trials\CJ\CJ\bin\Release\netcoreapp2.0\publish E:\Projects\Trials\CJ\deployment
rem iisreset /start
@pause

cj_angular_publish.bat

E:
cd E:\Projects\Trials\CJ\cjweb
ng build -env=prod