使用Nginx和pm2部署Next.js项目

下面是使用Nginx和pm2部署Next.js项目的完整攻略。

环境要求

在开始部署Next.js项目之前，需要确保服务器已经安装以下环境：

• Node.js
• pm2
• Nginx

如果您的服务器上没有安装这些环境，请先进行安装。

部署步骤

以下是使用Nginx和pm2部署Next.js项目的步骤：

1. 创建并构建Next.js项目

在服务器上创建一个新的Next.js项目，并运行以下命令进行构建：

npm build

构建完成后，会在项目根目录下生成一个名为/out的目录，其中包含了已经构建好的应用。

2. 启动pm2

在项目根目录下，运行以下命令启动pm2进程：

pm2 start npm -- start

这条命令将会在pm2进程中通过npm命令启动应用。

3. 配置Nginx反向代理

在Nginx的配置文件中，添加以下配置：

server {
  listen 80;
  server_name your-domain.com;

  location / {
    proxy_pass http://127.0.0.1:3000;
    proxy_http_version 1.1;
    proxy_set_header Upgrade $http_upgrade;
    proxy_set_header Connection 'upgrade';
    proxy_set_header Host $host;
    proxy_cache_bypass $http_upgrade;
  }
}

其中，your-domain.com为您的域名，127.0.0.1:3000为pm2启动后应用的监听地址和端口号。

4. 重启Nginx

在完成Nginx的配置后，需要重启Nginx使其生效：

sudo systemctl restart nginx

5. 验证部署是否成功

通过浏览器访问您的域名，如果看到Next.js应用已经成功部署，并且能够正常访问，那么恭喜您已经完成了部署。

示例说明

下面是两个使用Nginx和pm2部署Next.js项目的示例说明：

示例1

假设您的域名为example.com，您的项目根目录为/var/www/example，部署步骤如下：

cd /var/www/example

# 构建项目
npm build

# 启动pm2
pm2 start npm -- start

# 配置Nginx反向代理
sudo nano /etc/nginx/sites-available/example.com

# 粘贴以下内容
server {
  listen 80;
  server_name example.com;

  location / {
    proxy_pass http://127.0.0.1:3000;
    proxy_http_version 1.1;
    proxy_set_header Upgrade $http_upgrade;
    proxy_set_header Connection 'upgrade';
    proxy_set_header Host $host;
    proxy_cache_bypass $http_upgrade;
  }
}

# 重启Nginx
sudo systemctl restart nginx

示例2

假设您的域名为test.com，您的项目根目录为/var/www/test，部署步骤如下：

cd /var/www/test

# 构建项目
npm build

# 启动pm2
pm2 start npm -- start

# 配置Nginx反向代理
sudo nano /etc/nginx/sites-available/test.com

# 粘贴以下内容
server {
  listen 80;
  server_name test.com;

  location / {
    proxy_pass http://127.0.0.1:3000;
    proxy_http_version 1.1;
    proxy_set_header Upgrade $http_upgrade;
    proxy_set_header Connection 'upgrade';
    proxy_set_header Host $host;
    proxy_cache_bypass $http_upgrade;
  }
}

# 重启Nginx
sudo systemctl restart nginx

至此，两个示例说明完成了使用Nginx和pm2部署Next.js项目。