linux上利用pm2和nginx部署项目

Introduce
在开发模式的时候,我们常用nodemonwebpack热更新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状态,然后配置开机自启。

  1. 保存状态
$ pm2  save

执行后会输出

[PM2] Saving current process list...
[PM2] Successfully saved in /root/.pm2/dump.pm2

这表示pm2把当前应用列表启动信息保存到了磁盘文件上

  1. 设置开机自启
$ 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
重启后检查pm2应用

再也不用担心重启后服务不起了。


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部署)。

你可能感兴趣的:(linux上利用pm2和nginx部署项目)