nextjs項目有多種部署方式，本文介紹最簡單的一種方式，將源碼上傳到云服務(wù)器，編譯后使用pm2后臺運行nextjs工程。

檢查node、npm是否安裝

查看npm版本，如果版本較低先升級npm版本

npm -v

卸載

yum remove nodejs npm -y

安裝新版本

sudo yum install https://rpm.nodesource.com/pub_21.x/nodistro/repo/nodesource-release-nodistro-1.noarch.rpm -y 
sudo yum install nodejs -y --setopt=nodesource-nodejs.module_hotfixes=1

部署和編譯

1. 拷貝工程源碼目錄到服務(wù)器，其中node_modules、.git不需要上傳

2. 編譯

npm run build

使用pm2后臺運行nextjs程序

1. 安裝pm2

npm install -g pm2

2. 運行

#注意當前是在工程目錄下，命令中的名稱可以任意命名，pm2管理中起到標識作用，實際運行的程序是當前目錄下
pm2 start --name 自定義名稱 npm -- start

3. 查看端口占用，如工程中使用的3000，端口列表中也出現(xiàn)了，說明后臺運行成功了

netstat -nultp

4. 如果服務(wù)器開放了對應(yīng)端口，可以加端口瀏覽器訪問項目，如果只能開放80，繼續(xù)nginx

安裝配置nginx

1. 安裝nginx

yum install nginx -y

2. nginx配置文件(/etc/nginx/etc/nginx.conf)

# For more information on configuration, see:
#   * Official English Documentation: http://nginx.org/en/docs/
#   * Official Russian Documentation: http://nginx.org/ru/docs/user nginx;
worker_processes auto;
error_log /var/log/nginx/error.log;
pid /run/nginx.pid;# Load dynamic modules. See /usr/share/doc/nginx/README.dynamic.
include /usr/share/nginx/modules/*.conf;events {worker_connections 1024;
}http {log_format  main  '$remote_addr - $remote_user [$time_local] "$request" ''$status $body_bytes_sent "$http_referer" ''"$http_user_agent" "$http_x_forwarded_for"';access_log  /var/log/nginx/access.log  main;sendfile            on;tcp_nopush          on;tcp_nodelay         on;keepalive_timeout   65;types_hash_max_size 2048;autoindex on;autoindex_exact_size off;autoindex_localtime on;include             /etc/nginx/mime.types;default_type        application/octet-stream;# Load modular configuration files from the /etc/nginx/conf.d directory.# See http://nginx.org/en/docs/ngx_core_module.html#include# for more information.include /etc/nginx/conf.d/*.conf;server {listen       80 default_server;listen       [::]:80 default_server;server_name  _;root         /usr/share/nginx/html;# Load configuration files for the default server block.include /etc/nginx/default.d/*.conf;location / {}error_page 404 /404.html;location = /40x.html {}error_page 500 502 503 504 /50x.html;location = /50x.html {}}include /etc/nginx/vhosts/*.conf;
}

3. 多工程配置
   創(chuàng)建 /etc/nginx/vhosts/工程名.conf，自行修改域名，確保域名映射已設(shè)置好

server {listen       80;#443;server_name  xxx.xxxx.com;root html;index index.html index.htm;location / {proxy_pass http://127.0.0.1:3000;#設(shè)置主機頭和客戶端真實地址，以便服務(wù)器獲取客戶端真實IPproxy_set_header Host $host;proxy_set_header X-Real-Ip $remote_addr;proxy_set_header X-Forwarded-For $remote_addr;}
}

4. 啟動nginx

# 啟動
systemctl start nginx
# 停止
systemctl stop nginx
# 重啟
systemctl restart nginx 
# 重新加載配置文件
nginx -s reload

5. 使用域名訪問測試

pm2命令介紹

# 查看任務(wù)
pm2 list/# 重啟
pm2 restart app_name# 停止
pm2 stop app_name|app_id# 停止所有
pm2 stop all# 刪除
pm2 delete app_name|app_id# 刪除所有
pm2 delete all# 日志
pm2 logs app_name|app_id# 查看所有日志
pm2 logs