前端端口冲突快速嗅探，秒启项目！

前端

2024-02-21 14:33:57

前端端口冲突的痛点

前端项目开发中，经常会遇到端口冲突的问题，这会阻碍项目的启动和运行。

1. 手动杀死占用端口号的进程过于麻烦

当端口号被占用时，需要手动找到并杀死占用该端口号的进程，这可能会花费大量的时间和精力。

2. 影响项目启动和运行

端口冲突会导致项目无法启动或运行不正常，影响开发进度。

3. 项目开发效率降低

由于端口冲突导致项目启动或运行困难，项目的开发效率会降低。

前端端口冲突的解决方案

针对前端端口冲突的痛点，我们可以使用前端端口嗅探和调整策略来解决。

1. 前端端口嗅探

前端端口嗅探是指在项目启动前，检查当前端口号是否被占用。

2. 调整策略

如果端口号被占用，我们可以使用以下调整策略来解决：

（1）自动查找空闲端口号

自动查找空闲端口号，并使用该端口号启动项目。

（2）使用随机端口号

使用随机端口号启动项目，避免端口冲突。

（3）使用端口映射

使用端口映射将项目映射到其他端口号，避免端口冲突。

（4）使用代理服务器

使用代理服务器将项目请求转发到其他端口号，避免端口冲突。

步骤：

端口嗅探

// 端口嗅探
const port = 3000; // 项目端口号

const isPortInUse = async () => {
  const net = require('net');

  return new Promise((resolve, reject) => {
    const server = net.createServer();

    server.once('error', (err) => {
      if (err.code === 'EADDRINUSE') {
        resolve(true);
      } else {
        reject(err);
      }
    });

    server.once('listening', () => {
      server.close();
      resolve(false);
    });

    server.listen(port, '127.0.0.1');
  });
};

如果端口号没被占用，顺利启动

// 如果端口号没被占用，顺利启动
if (!await isPortInUse()) {
  // 启动项目
  const express = require('express');
  const app = express();

  app.get('/', (req, res) => {
    res.send('Hello World!');
  });

  app.listen(port, () => {
    console.log(`Server listening on port ${port}`);
  });
}

如果端口号被占用，使用随机端口号

// 如果端口号被占用，使用随机端口号
if (await isPortInUse()) {
  const randomPort = Math.floor(Math.random() * (65535 - 1024) + 1024);

  // 启动项目
  const express = require('express');
  const app = express();

  app.get('/', (req, res) => {
    res.send('Hello World!');
  });

  app.listen(randomPort, () => {
    console.log(`Server listening on port ${randomPort}`);
  });
}