Introduce
在开发模式的时候,我们常用nodemon
和webpack
热更新nodejs项目(如express)和前端项目(如vue),但需要部署的时候我们就不能再用开发环境的配置了,需要改成生产环境配置。为了使得项目可以稳健的运行在服务端,node可以使用nohup启动,前端项目可以使用nginx代理。
但是为了更加规范管理,我们应该使用pm2来管理node项目。
nohup(不推荐使用)
$ nohup Command [ Arg … ] &
作用:不挂断地运行命令。
启动后通过 ps -ef 可以查看进程和 pid,如果需要停止,输入
$ kill 进程号(pid)
需要特别注意的是,退出远程时,要使用 exit 退出,直接关闭远程工具将会导致后台静默进程停止。
尽管nohup是内置工具,但万一服务抛异常,对外没有反应,表现为无端停止服务,对维护不友好。
pm2(推荐使用)
相比 nohup,pm2 更加合理,推荐使用 pm2 部署。
首先全局安装 pm2
$ npm install pm2 -g
为了方便,我们可以把 pm2 软链接到系统环境下(假设 pm2 安装路径是/usr/sbin/nodejs/bin/pm2),
// ln 是小写的'L'
$ ln -s /usr/sbin/nodejs/bin/pm2 /usr/local/bin/
最后在项目中添加 pm2 配置文件,processes.json
{
"apps": {
"name": "node-base-demo",
"script": "bin/www",
"env": {
"NODE_ENV": "production"
}
}
}
其中 name 代表进程别名,script 代表需要执行的命令,env 是注入到服务中的变量。
最后修改 package.json 的 start 命令(项目为express
)为
"start": "pm2 start processes.json"
如果需要查看 pm2 状态,使用
pm2 list
表明通过 pm2 启动项目。
- start 模式下使用 pm2 部署(启动)项目
- dev 模式下使用 nodemon 热更新调试项目
$ npm run start
App name | id | version | mode | pid | status | restart | uptime | cpu | mem | user | watching |
---|---|---|---|---|---|---|---|---|---|---|---|
node-base-demo | 0 | 1.0.0 | fork | 5552 | online |
0 | 0s | 0% | 31.5MB | admin | disabled |
停止或重启服务使用
$ pm2 stop 0 (App name 或 id 或 pid)
$ pm2 restart 0 (App name 或 id 或 pid)
自动启动
在实际情况下,偶尔会发生服务器宕机,可是重启后pm2应用不会被自动启动,这时候我们就需要去保存我们的pm2状态,然后配置开机自启。
- 保存状态
$ pm2 save
执行后会输出
[PM2] Saving current process list...
[PM2] Successfully saved in /root/.pm2/dump.pm2
这表示pm2把当前应用列表启动信息保存到了磁盘文件上
- 设置开机自启
$ pm2 startup
执行后输出
[PM2] Init System found: systemd
...
+---------------------------------------+
[PM2] Freeze a process list on reboot via:
$ pm2 save
[PM2] Remove init script vi
这表明pm2往系统中写入了开机启动任务,开机是自动启动上次pm2保存的应用列表
这时候如果想测试,可以手动重启服务器试一下,查看一下pm2应用任务是否正确启动
$ reboot
再也不用担心重启后服务不起了。
nginx
作为一个高性能的http和反向代理服务,在linux上不免要选用它。
安装教程
代理教程
对于Web而已,80端口和443端口是十分重要的,原则上需要输入http://domain.com:80才可以浏览网页的,但由于默认端口是80,所以‘:80’可以忽略。同理对于https的443端口也一样。
所以我们常常需要在80端口监听多个服务,这就必须要用上nginx的代理功能了。用法如下:
$ vim /ect/nginx/nginx.conf
常规配置
// nginx.conf
# vue项目配置
server {
listen 8080;
root /web/vue-base-demo/dist/;
index index.html;
location / {
try_files $uri $uri/ /index.html; # 路由模式history的修改
}
}
# react项目配置
server {
listen 8081;
root /web/react-base-demo/build;
index index.html;
location / {}
}
代理配置
// nginx.conf
# nginx 80端口配置 (监听vue二级域名)
server {
listen 80;
server_name vue.msg.com;
location / {
proxy_pass http://localhost:8080; # 转发
}
}
# nginx 80端口配置 (监听react二级域名)
server {
listen 80;
server_name react.msg.com;
location / {
proxy_pass http://localhost:8081; # 转发
}
}
nginx如果检测到vue.msg.com的请求,将转发
请求到本机的8080端口,如果检测到的是react.msg.com请求,也会将请求转发
到8081端口。
同样的,如果前面用pm2开启了node项目,而且运行在3000端口,并且已经做好了域名映射,如(api.msg.com),我们可以同理配置代理
# nginx 80端口配置 (监听api二级域名)
server {
listen 80;
server_name api.msg.com;
location / {
proxy_pass http://localhost:3000;
# 转发(express已经由pm2启动)
}
}
上面就是linux上部署项目的教程(后续介绍docker部署
)。