.NET Core +Angular 项目部署到CentOS

前言：

　最近公司需要开发项目能在Linux系统上运行，示例开发项目采用.Net Core + Angular开发；理论上完全支持跨平台。

　但是实践才是检验真理的唯一标准；那么还是动手来验证实现下；过程中万一出现什么问题也算是积累经验。

一、环境准备

　由于本次主要验证项目部署Linux环境，也不想去重新搭建一个虚拟机环境；就使用Win10中Linux子系统（WSL什么？）

　1、WSL启用步骤：

进入【启用或关闭Windows功能】中启用WSL，如下图

进入Microsoft store 选择相应版本，本机安装的是CentOS

安装完成后启动时（出现问题）

　　最终确定问题原因：需要更新Linux内核包（更新包下载地址：https://wslstorestorage.blob.core.windows.net/wslblob/wsl_update_x64.msi）

　　下载安装后，CentOS系统环境准备好了。

　2、.NET Core 环境安装：

更新下系统基础软件版本(可不执行)

sudo yum update

注册微软签名秘钥：

sudo rpm -Uvh https://packages.microsoft.com/config/rhel/7/packages-microsoft-prod.rpm

安装.NET Core SDK，示例程序采用3.1版本开发

sudo yum install dotnet-sdk-3.1

查看是安装成功，如图则表示已经安装成功

　3、Nginx环境安装：（部署web项目）　　

依赖环境安装

yum install gcc-c++

yum install pcre pcre-devel

yum install zlib zlib-devel

yum install openssl openssl--devel

添加Nginx的yum库

sudo rpm -Uvh http://nginx.org/packages/centos/7/noarch/RPMS/nginx-release-centos-7-0.el7.ngx.noarch.rpm

安装Nginx

sudo yum install nginx

Nginx基本信息

　　　目录结构：

**Nginx目录**
配置路径	/etc/nginx/
错误日志	/var/log/nginx/error.log
访问日志	/var/log/nginx/access.log
默认站点目录	/usr/share/nginx/html

　　　基本命令：

- nginx 　　　　　　//启动nginx
- nginx -s quit 　　　//停止nginx
- nginx -s reload 　 //重新载入配置文件

二、项目部署

　部署项目到CentOS有多种方式：直接运行、Docker部署（前面学习文章已多次使用），本次就采用直接运行方式来部署应用。由于项目采用前后端分离实现，需要分别部署

服务端部署

　　　1、将服务端项目文件拷贝到CentOS目录中：本次部署路径为：/home/www/publish

　　　2、修改配置文件：需要使用vim命令（需要单独安装）

　　　　通过命令进入配置文件编辑：

 vim appsettings.json

　　　　编辑完成后采用以下命令退出

vim命令
:w 保存但不退出

:wq 保存并退出

:q 退出

:q! 强制退出，不保存

:e! 放弃所有修改，从上次保存文件开始再编辑命令历史

　　3、启动服务

前端项目部署

　　1、将web项目拷贝到：/home/www/web

　　2、在Nginx配置文件目录中添加配置文件web.conf

server {

    listen       8221;

    server_name  192.168.243.86:8220;

    #charset koi8-r;

    #access_log  /var/log/nginx/host.access.log  main;

    location / {

        root   /home/www/web;

        index  index.html index.htm;

        try_files $uri $uri/ /index.html?$query_string;

    }

    #error_page  404              /404.html;

    # redirect server error pages to the static page /50x.html

    #

    error_page   500 502 503 504  /50x.html;

    location = /50x.html {

        root   /usr/share/nginx/html;

    }

}

　　　　 注意：由于Angular项目中使用了路由重定向，则需要使用标记内容

　　3、更新Nginx配置文件：　　　　

/usr/sbin/nginx -s reload

三、运行示例

　服务端运行：

　Web项目运行效果：

　　到此项目已成功运行，但是当我把CentOS命令结束运行，则web服务端停止运行，那么需要把创建服务实现守护进程

四、守护进程创建-supervisor

　　1、安装supervisor

#安装python的扩展

yum install python-setuptools

#通过python的扩展安装supervisor

easy_install supervisor

#建立设置文件夹

mkdir /etc/supervisor

mkdir /etc/supervisor/conf.d

#设置文件

echo_supervisord_conf > /etc/supervisor/supervisord.conf

#修改设置文件（supervisord.d 文件夹下的所有 ini 类型的文件都是配置文件）

#在文件/etc/supervisor/supervisord.conf末端

;files = relative/directory/*.ini 改为 files = conf.d/*.ini

　　2、创建配置文件：在/etc/supervisor/conf.d目录下创建publish.conf

[program:publish]

command=dotnet ZLSoft.UnifiedDS.Web.Host.dll --urls http://192.168.243.86:8220  #运行命令

directory=/home/www/publish #程序路径

environment=ASPNETCORE__ENVIRONMENT=Production

user=root

stopsignal=INT

autostart=true #自动启动

autorestart=true #3秒自动重启

startsecs=3

stderr_logfile=/var/log/ossoffical.err.log

stdout_logfile=/var/log/ossoffical.out.log

　　3、启动服务

#进入supervisor目录

cd /etc/supervisor

#启动supervisord 服务

supervisord -c supervisord.conf

　　4、开启守护进程的界面管理功能　　

#修改配置文件：
vim /etc/supervisord.conf

#取消注释内容

　[inet_http_server] ; inet (TCP) server disabled by default
　port=*:9001 ; ip_address:port specifier, *:port for all iface
　username=user ; default is no username (open server)
　password=123 ; default is no password (open server)

　#重新加载配置文件

　supervisorctl reload

　　5、supervisorctl 常用命令

$ sudo service supervisor stop 停止supervisor服务

$ sudo service supervisor start 启动supervisor服务

$ supervisorctl shutdown #关闭所有任务

$ supervisorctl stop|start program_name #启动或停止服务

$ supervisorctl status #查看所有任务状态

五、总结

　在CentOS系统中运行部署运行项目，主要是Linux相关内容是否熟练：如命令、权限、软件等相关内容，不管什么还是需要孰能生巧，多加练习吧。

　另外WSL中的Linux系统还是不够全面，暂时没有服务、防火墙相关功能，所以如果在真实环境中，可以设置服务开机启动、以及防火墙相关处理。

　所以还是需要找个完整环境进行学习练习。　　