.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基本信息
目录结构：
| 配置路径 | /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、启动服务
进入项目目录执行命令：
[root@Coder supervisor]# cd /home/www/publish [root@Coder publish]# dotnet ZLSoft.UnifiedDS.Web.Host.dll --urls http://*:8220
- 前端项目部署
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系统还是不够全面，暂时没有服务、防火墙相关功能，所以如果在真实环境中，可以设置服务开机启动、以及防火墙相关处理。
所以还是需要找个完整环境进行学习练习。
