ASP.NET Core 入门(4)(IIS 部署前后端站点)

.NET Core发布部署的文章园内有很多了,大家可以自行百度,该篇主要想总结需要注意的地方,列举前后端(比如前段 Vue,后端 WebAPI)在同一台服务器上的主要两种方式。

两种方式:

1. 前后端不同站点,。(也就是两个端口)

2. 前后端一个站点。(只需要一个端口)

在部署环境上下载安装SDK,注意下载的版本一定要和你编译使用的版本一致,不然部署到IIS会报错。

具体.Net Core版本、SDK版本、Runtime版本的对照关系见官网:

Runtime(winth hosting) +  SDK: https://dotnet.microsoft.com/download

另,如果想在.NET Core 项目指定SDK版本,可以参考如下命令操作:

D:projmq	est>dotnet --list-sdks
2.1.500 [C:Program Filesdotnetsdk]
2.1.801 [C:Program Filesdotnetsdk]
3.0.100 [C:Program Filesdotnetsdk]

D:projmq	est>dotnet new console -o testproj
Getting ready...
The template "Console Application" was created successfully.

Processing post-creation actions...
Running 'dotnet restore' on testproj	estproj.csproj...
D:projmq	est	estproj	estproj.csproj ???? 83.4 ms ????

Restore succeeded.


D:projmq	est>dotnet --version
3.0.100

D:projmq	est>cd testproj

D:projmq	est	estproj>dotnet new global.json --sdk-version 2.1.500
The template "global.json file" was created successfully.

D:projmq	est	estproj>dotnet --version
2.1.500

前后端不同站点

// NetCore 后端部分

0、编译项目,保证代码没问题,并配置 CORS 跨域服务;

app.UseCors (builder => builder
                .AllowAnyOrigin ()
                .AllowAnyMethod ()
                .AllowAnyHeader ()
                .AllowCredentials ());

①、发布项目;//一般 publish 路径是 bin/Debug/netcore2.2

②、拷贝到服务器指定文件夹;

③、IIS 添加站点;// 端口 1001

④、修改应用程序池为“无托管”;//这也是为啥要安装 windows hosting 的原因

⑤、安装 windows hosting(服务托管);//这是一个捆包,已经包含 Runtime

⑥、重启项目,查看是否正常;http://localhost:1001/


// Vue 前端部分

①、Build 项目;

②、拷贝到服务器指定文件夹;

③、IIS 添加站点;// 端口 1002

④、运行项目,查看是否正常;http://localhost:1002/

前后端一个站点

操作步骤和上边的其实是几乎一样的,只不过我们不需要配置 CORS 跨域了,因为是同一个站点,且是只需要一个端口号。

// NetCore 后端部分,和上边的几乎一样,只不过不用进行 CORS 跨域设置

①、发布项目;

②、拷贝到服务器指定文件夹;

③、IIS 添加站点;// 端口 1003

④、修改应用程序池为“无托管”;//这也是为啥要安装 windows hosting 的原因

⑤、安装 windows hosting(服务托管);//这是一个捆包,已经包含 Runtime

⑥、重启项目,查看是否正常;http://localhost:1003/

// Vue 前端部分

①、修改根路径,并且 Build 项目;// 还要修改接口api的路径

②、拷贝到服务器指定文件夹;//可以和 core 项目放到一起

③、修改 Core 的 IIS 站点,在它的站点内,嵌套一个vue站点(在Core的IIS站点右键选择“添加应用程序”);// 取名为 Vue

④、运行项目,查看是否正常;http://localhost:1003/vue/

最后一点,其实你还可以通过CLI来运行你发布的程序,切换到你发布文件夹下,输入以下命令:

dotnet NetCoreProj.API.dll
原文地址:https://www.cnblogs.com/wybin6412/p/11125203.html