.NET Core +Angular 项目部署到CentOS

奥秘發表於 2020-12-13 20:46:00

<h3>前言：</h3>
　最近公司需要开发项目能在Linux系统上运行，示例开发项目采用.Net Core + Angular开发；理论上完全支持跨平台。
　但是实践才是检验真理的唯一标准；那么还是动手来验证实现下；过程中万一出现什么问题也算是积累经验。
<h3>一、环境准备</h3>
　由于本次主要验证项目部署Linux环境，也不想去重新搭建一个虚拟机环境；就使用Win10中Linux子系统（WSL什么？）
　1、WSL启用步骤：
<ul>
<li>进入【启用或关闭Windows功能】中启用WSL，如下图</li>
</ul>
<img src="https://img2020.cnblogs.com/blog/374428/202012/374428-20201213161406608-750201807.png">
<ul>
<li>进入Microsoft store 选择相应版本，本机安装的是CentOS</li>
</ul>
　　<img src="https://img2020.cnblogs.com/blog/374428/202012/374428-20201213162058273-858395666.png">
<ul>
<li> 安装完成后启动时（出现问题）</li>
</ul>
　　<img src="https://img2020.cnblogs.com/blog/374428/202012/374428-20201213162257863-2023036945.png">
　　最终确定问题原因：需要更新Linux内核包（更新包下载地址：https://wslstorestorage.blob.core.windows.net/wslblob/wsl_update_x64.msi）
　　下载安装后，CentOS系统环境准备好了。
<h4>　2、.NET Core 环境安装：</h4>
<ul>
<li>更新下系统基础软件版本(可不执行)　　</li>
</ul>
<div class="cnblogs_code" style="margin-left: 30px">
<pre>sudo yum update</pre>
</div>
<ul>
<li>注册微软签名秘钥：</li>
</ul>
<div class="cnblogs_code" style="margin-left: 30px">
<pre>sudo rpm -Uvh https://packages.microsoft.com/config/rhel/7/packages-microsoft-prod.rpm</pre>
</div>
<ul>
<li>安装.NET Core SDK，示例程序采用3.1版本开发　　</li>
</ul>
<div class="cnblogs_code" style="margin-left: 30px">
<pre>sudo yum install dotnet-sdk-3.1</pre>
</div>
<ul>
<li>查看是安装成功，如图则表示已经安装成功</li>
</ul>
　　<img src="https://img2020.cnblogs.com/blog/374428/202012/374428-20201213163923904-782218291.png">
　3、Nginx环境安装：（部署web项目）　　
<ul>
<li>
<h4>依赖环境安装</h4>
</li>
</ul>
<div class="cnblogs_code" style="margin-left: 30px">
<pre>yum install gcc-c++
yum install pcre pcre-devel
yum install zlib zlib-devel
yum install openssl openssl--devel</pre>
</div>
<ul>
<li>
<h4>添加Nginx的yum库</h4>
</li>
</ul>
<div class="cnblogs_code" style="margin-left: 30px">
<pre>sudo rpm -Uvh http://nginx.org/packages/centos/7/noarch/RPMS/nginx-release-centos-7-0.el7.ngx.noarch.rpm</pre>
</div>
<ul>
<li>
<h4>安装Nginx</h4>
</li>
</ul>
<div class="cnblogs_code" style="margin-left: 30px">
<pre>sudo yum install nginx</pre>
</div>
<ul>
<li>
<h4>Nginx基本信息</h4>
</li>
</ul>
　　　目录结构：
<table style="height: 112px; width: 495px" border="0"><caption>Nginx目录</caption>
<tbody>
<tr>
<td>配置路径</td>
<td>/etc/nginx/</td>
</tr>
<tr>
<td>错误日志</td>
<td>/var/log/nginx/error.log</td>
</tr>
<tr>
<td>访问日志</td>
<td>/var/log/nginx/access.log</td>
</tr>
<tr>
<td>默认站点目录</td>
<td>/usr/share/nginx/html</td>
</tr>
</tbody>
</table>
　　　基本命令：
<ul>
<li style="list-style-type: none">
<ul>
<li>nginx 　　　　　　//启动nginx</li>
<li>nginx -s quit 　　　//停止nginx</li>
<li>nginx -s reload 　   //重新载入配置文件</li>
</ul>
</li>
</ul>
<h3>二、项目部署</h3>
　部署项目到CentOS有多种方式：直接运行、Docker部署（前面学习文章已多次使用），本次就采用直接运行方式来部署应用。由于项目采用前后端分离实现，需要分别部署
<ul>
<li> 服务端部署</li>
</ul>
　　　1、将服务端项目文件拷贝到CentOS目录中：本次部署路径为：/home/www/publish
　　　　<img src="https://img2020.cnblogs.com/blog/374428/202012/374428-20201213175234200-485720722.png">
　　　2、修改配置文件：需要使用vim命令（需要单独安装）
　　　　通过命令进入配置文件编辑：
<div class="cnblogs_code" style="margin-left: 60px">
<pre> vim appsettings.json</pre>
</div>
　　　　编辑完成后采用以下命令退出
<div class="cnblogs_code" style="margin-left: 60px">
<pre>vim命令
:w 保存但不退出
:wq 保存并退出
:q 退出
:q! 强制退出，不保存
:e! 放弃所有修改，从上次保存文件开始再编辑命令历史</pre>
</div>
　　　　<img src="https://img2020.cnblogs.com/blog/374428/202012/374428-20201213184532992-271508707.png">　　
 　　3、启动服务
　　　进入项目目录执行命令：　　　
<div class="cnblogs_code" style="margin-left: 30px">
<pre># cd /home/www/publish
# dotnet ZLSoft.UnifiedDS.Web.Host.dll --urls http://*:8220</pre>
</div>
　　　<img src="https://img2020.cnblogs.com/blog/374428/202012/374428-20201213184813386-1086823548.png">
<ul>
<li>前端项目部署</li>
</ul>
　　1、将web项目拷贝到：/home/www/web
　　2、在Nginx配置文件目录中添加配置文件web.conf
<div class="cnblogs_code" style="margin-left: 60px">
<pre>server {
listen 8221;
server_name192.168.243.86:8220;

#charset koi8-r;
#access_log/var/log/nginx/host.access.logmain;

location / {
 root /home/www/web;
 indexindex.html index.htm;
 try_files $uri $uri/ /index.html?$query_string;
}

#error_page404 /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;
}
}</pre>
</div>
 
　　　　 注意：由于Angular项目中使用了路由重定向，则需要使用标记内容 
　　3、更新Nginx配置文件：　　　　
<div class="cnblogs_code" style="margin-left: 60px">
<pre>/usr/sbin/nginx -s reload</pre>
</div>
<h3>三、运行示例</h3>
　服务端运行：
　　<img src="https://img2020.cnblogs.com/blog/374428/202012/374428-20201213170941183-1598782235.png">
　Web项目运行效果：
　　<img src="https://img2020.cnblogs.com/blog/374428/202012/374428-20201213170506587-1854628457.png">
　　到此项目已成功运行，但是当我把CentOS命令结束运行，则web服务端停止运行，那么需要把创建服务实现守护进程
<h3>四、守护进程创建-supervisor</h3>
　　1、安装supervisor
<div class="cnblogs_code" style="margin-left: 30px">
<pre>#安装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</pre>
</div>
　　2、创建配置文件：在/etc/supervisor/conf.d目录下创建publish.conf
<div class="cnblogs_code" style="margin-left: 30px">
<pre>
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</pre>
</div>
　　3、启动服务
<div class="cnblogs_code" style="margin-left: 30px">
<pre>#进入supervisor目录
cd /etc/supervisor
#启动supervisord 服务
supervisord -c supervisord.conf</pre>
</div>
　　4、开启守护进程的界面管理功能　　
<div class="cnblogs_code" style="margin-left: 30px">
<pre>#修改配置文件： vim /etc/supervisord.conf #取消注释内容</pre>
　 ; 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

</div>
　　5、supervisorctl 常用命令
<div class="cnblogs_code" style="margin-left: 30px">
<pre>$ sudo service supervisor stop 停止supervisor服务
$ sudo service supervisor start 启动supervisor服务
$ supervisorctl shutdown #关闭所有任务
$ supervisorctl stop|start program_name #启动或停止服务
$ supervisorctl status #查看所有任务状态</pre>
</div>
<h3>五、总结</h3>
　在CentOS系统中运行部署运行项目，主要是Linux相关内容是否熟练：如命令、权限、软件等相关内容，不管什么还是需要孰能生巧，多加练习吧。
　另外WSL中的Linux系统还是不够全面，暂时没有服务、防火墙相关功能，所以如果在真实环境中，可以设置服务开机启动、以及防火墙相关处理。
　所以还是需要找个完整环境进行学习练习。　　
　 
来源：https://www.cnblogs.com/cwsheng/p/14129063.html

頁: [1]

琼殿技术论坛's Archiver

.NET Core +Angular 项目 部署到CentOS

.NET Core +Angular 项目部署到CentOS