当前位置：移动技术网 > IT编程>网页制作>CSS > 教你如何编写一个HTTP反向代理服务器

教你如何编写一个HTTP反向代理服务器

2018年03月27日 | 移动技术网IT编程 | 我要评论

如果你经常使用 Node.js 编写 Web 服务端程序，一定对使用 Nginx 作为反向代理服务并不陌生。在生产环境中，我们往往需要将程序部署到内网多台服务器上，在一台多核服务器上，为了充分利用所有 CPU 资源，也需要启动多个服务进程，它们分别监听不同的端口。然后使用 Nginx 作为反向代理服务器，接收来自用户浏览器的请求并转发到后端的多台 Web 服务器上。大概工作流程如下图：

在 Node.js 上实现一个简单的 HTTP 代理程序还是非常简单的，本文章的例子的核心代码只有 60 多行，只要理解内置 http 模块的基本用法即可，具体请看下文。

接口设计与相关技术

使用 http.createServer() 创建的 HTTP 服务器，处理请求的函数格式一般为 function (req, res) {}（下文简称为 requestHandler），其接收两个参数，分别为 http.IncomingMessage 和 http.ServerResponse 对象，我们可以通过这两个对象来取得请求的所有信息并对它进行响应。

主流的 Node.js Web 框架的中间件（比如 connect）一般都有两种形式：

中间件不需要任何初始化参数，则其导出结果为一个requestHandler

中间件需要初始化参数，则其导出结果为中间件的初始化函数，执行该初始化函数时，传入一个options对象，执行后返回一个requestHandler

为了使代码更规范，在本文例子中，我们将反向代理程序设计成一个中间件的格式，并使用以上第二种接口形式：

// 生成中间件
const handler = reverseProxy({
  // 初始化参数，用于设置目标服务器列表
  servers: ["127.0.0.1:3001", "127.0.0.1:3002", "127.0.0.1:3003"]
});

// 可以直接在 http 模块中使用
const server = http.createServer(handler);

// 作为中间件在 connect 模块中使用
app.use(handler);

说明：

上面的代码中，reverseProxy是反向代理服务器中间件的初始化函数，它接受一个对象参数，servers是后端服务器地址列表，每个地址为IP地址:端口这样的格式

执行reverseProxy()后返回一个function (req, res) {}这样的函数，用于处理 HTTP 请求，可作为http.createServer()和 connect 中间件的app.use()的处理函数

当接收到客户端请求时，按顺序循环从servers数组中取出一个服务器地址，将请求代理到这个地址的服务器上

服务器在接收到 HTTP 请求后，首先需要发起一个新的 HTTP 请求到要代理的目标服务器，可以使用 http.request() 来发送请求：

const req = http.request(
  {
    hostname: "目标服务器地址",
    port: "80",
    path: "请求路径",
    headers: {
      "x-y-z": "请求头"
    }
  },
  function(res) {
    // res 为响应对象
    console.log(res.statusCode);
  }
);
// 如果有请求体需要发送，使用 write() 和 end()
req.end();

要将客户端的请求体（Body 部分，在 POST、PUT 这些请求时会有请求体）转发到另一个服务器上，可以使用 Stream 对象的 pipe() 方法，比如：

// req 和 res 为客户端的请求和响应对象
// req2 和 res2 为服务器发起的代理请求和响应对象
// 将 req 收到的数据转发到 req2
req.pipe(req2);
// 将 res2 收到的数据转发到 res
res2.pipe(res);

说明：

req对象是一个Readable Stream（可读流），通过data事件来接收数据，当收到end事件时表示数据接收完毕

res对象是一个Writable Stream（可写流），通过write()方法来输出数据，end()方法来结束输出

为了简化从Readable Stream监听data事件来获取数据并使用Writable Stream的write()方法来输出，可以使用Readable Stream的pipe()方法

以上只是提到了实现 HTTP 代理需要的关键技术，相关接口的详细文档可以参考这里：https://nodejs.org/api/http.html#http_http_request_options_callback

当然为了实现一个接口友好的程序，往往还需要很多额外的工作，具体请看下文。

简单版本

以下是实现一个简单 HTTP 反向代理服务器的各个文件和代码（没有任何第三方库依赖），为了使代码更简洁，使用了一些最新的 ES 语法特性，需要使用 Node v8.x 最新版本来运行：

文件 proxy.js：

const http = require("http");
const assert = require("assert");
const log = require("./log");

/** 反向代理中间件 */
module.exports = function reverseProxy(options) {
  assert(Array.isArray(options.servers), "options.servers 必须是数组");
  assert(options.servers.length > 0, "options.servers 的长度必须大于 0");

  // 解析服务器地址，生成 hostname 和 port
  const servers = options.servers.map(str => {
    const s = str.split(":");
    return { hostname: s[0], port: s[1] || "80" };
  });

  // 获取一个后端服务器，顺序循环
  let ti = 0;
  function getTarget() {
    const t = servers[ti];
    ti++;
    if (ti >= servers.length) {
      ti = 0;
    }
    return t;
  }

  // 生成监听 error 事件函数，出错时响应 500
  function bindError(req, res, id) {
    return function(err) {
      const msg = String(err.stack || err);
      log("[%s] 发生错误: %s", id, msg);
      if (!res.headersSent) {
        res.writeHead(500, { "content-type": "text/plain" });
      }
      res.end(msg);
    };
  }

  return function proxy(req, res) {
    // 生成代理请求信息
    const target = getTarget();
    const info = {
      ...target,
      method: req.method,
      path: req.url,
      headers: req.headers
    };

    const id = `${req.method} ${req.url} => ${target.hostname}:${target.port}`;
    log("[%s] 代理请求", id);

    // 发送代理请求
    const req2 = http.request(info, res2 => {
      res2.on("error", bindError(req, res, id));
      log("[%s] 响应: %s", id, res2.statusCode);
      res.writeHead(res2.statusCode, res2.headers);
      res2.pipe(res);
    });
    req.pipe(req2);
    req2.on("error", bindError(req, res, id));
  };
};

文件 log.js：

const util = require("util");

/** 打印日志 */
module.exports = function log(...args) {
  const time = new Date().toLocaleString();
  console.log(time, util.format(...args));
};

说明：

log.js文件实现了一个用于打印日志的函数log()，它可以支持console.log()一样的用法，并且自动在输出前面加上当前的日期和时间，方便我们浏览日志

reverseProxy()函数入口使用assert模块来进行基本的参数检查，如果参数格式不符合要求即抛出异常，保证可以第一时间让开发者知道，而不是在运行期间发生各种不可预测的错误

getTarget()函数用于循环返回一个目标服务器地址

bindError()函数用于监听error事件，避免整个程序因为没有捕捉网络异常而崩溃，同时可以统一返回出错信息给客户端

为了测试我们的代码运行的效果，我编写了一个简单的程序，文件 server.js：

const http = require("http");
const log = require("./log");
const reverseProxy = require("./proxy");

// 创建反向代理服务器
function startProxyServer(port) {
  return new Promise((resolve, reject) => {
    const server = http.createServer(
      reverseProxy({
        servers: ["127.0.0.1:3001", "127.0.0.1:3002", "127.0.0.1:3003"]
      })
    );
    server.listen(port, () => {
      log("反向代理服务器已启动: %s", port);
      resolve(server);
    });
    server.on("error", reject);
  });
}

// 创建演示服务器
function startExampleServer(port) {
  return new Promise((resolve, reject) => {
    const server = http.createServer(function(req, res) {
      const chunks = [];
      req.on("data", chunk => chunks.push(chunk));
      req.on("end", () => {
        const buf = Buffer.concat(chunks);
        res.end(`${port}: ${req.method} ${req.url} ${buf.toString()}`.trim());
      });
    });
    server.listen(port, () => {
      log("服务器已启动: %s", port);
      resolve(server);
    });
    server.on("error", reject);
  });
}

(async function() {
  await startExampleServer(3001);
  await startExampleServer(3002);
  await startExampleServer(3003);
  await startProxyServer(3000);
})();

执行以下命令启动：

node server.js

然后可以通过 curl 命令来查看返回的结果：

curl https://127.0.0.1:3000/hello/world

连续执行多次该命令，如无意外输出结果应该是这样的（输出内容端口部分按照顺序循环）：

3001: GET /hello/world
3002: GET /hello/world
3003: GET /hello/world
3001: GET /hello/world
3002: GET /hello/world
3003: GET /hello/world

注意：如果使用浏览器来打开该网址，看到的结果顺序可能是不一样的，因为浏览器会自动尝试请求/favicon，这样刷新一次页面实际上是发送了两次请求。

单元测试

上文我们已经完成了一个基本的 HTTP 反向代理程序，也通过简单的方法验证了它是能正常工作的。但是，我们并没有足够的测试，比如只验证了 GET 请求，并没有验证 POST 请求或者其他的请求方法。而且通过手工去做更多的测试也比较麻烦，很容易遗漏。所以，接下来我们要给它加上自动化的单元测试。

在本文中我们选用在 Node.js 界应用广泛的 mocha 作为单元测试框架，搭配使用 supertest 来进行 HTTP 接口请求的测试。由于 supertest 已经自带了一些基本的断言方法，我们暂时不需要 chai 或者 should 这样的第三方断言库。

首先执行 npm init 初始化一个 package.json 文件，并执行以下命令安装 mocha 和 supertest：

npm install mocha supertest --save-dev

然后新建文件 test.js：

const http = require("http");
const log = require("./log");
const reverseProxy = require("./proxy");
const { expect } = require("chai");
const request = require("supertest");

// 创建反向代理服务器
function startProxyServer() {
  return new Promise((resolve, reject) => {
    const server = http.createServer(
      reverseProxy({
        servers: ["127.0.0.1:3001", "127.0.0.1:3002", "127.0.0.1:3003"]
      })
    );
    log("反向代理服务器已启动");
    resolve(server);
  });
}

// 创建演示服务器
function startExampleServer(port) {
  return new Promise((resolve, reject) => {
    const server = http.createServer(function(req, res) {
      const chunks = [];
      req.on("data", chunk => chunks.push(chunk));
      req.on("end", () => {
        const buf = Buffer.concat(chunks);
        res.end(`${port}: ${req.method} ${req.url} ${buf.toString()}`.trim());
      });
    });
    server.listen(port, () => {
      log("服务器已启动: %s", port);
      resolve(server);
    });
    server.on("error", reject);
  });
}

describe("测试反向代理", function() {
  let server;
  let exampleServers = [];

  // 测试开始前先启动服务器
  before(async function() {
    exampleServers.push(await startExampleServer(3001));
    exampleServers.push(await startExampleServer(3002));
    exampleServers.push(await startExampleServer(3003));
    server = await startProxyServer();
  });

  // 测试结束后关闭服务器
  after(async function() {
    for (const server of exampleServers) {
      server.close();
    }
  });

  it("顺序循环返回目标地址", async function() {
    await request(server)
      .get("/hello")
      .expect(200)
      .expect(`3001: GET /hello`);

    await request(server)
      .get("/hello")
      .expect(200)
      .expect(`3002: GET /hello`);

    await request(server)
      .get("/hello")
      .expect(200)
      .expect(`3003: GET /hello`);

    await request(server)
      .get("/hello")
      .expect(200)
      .expect(`3001: GET /hello`);
  });

  it("支持 POST 请求", async function() {
    await request(server)
      .post("/xyz")
      .send({
        a: 123,
        b: 456
      })
      .expect(200)
      .expect(`3002: POST /xyz {"a":123,"b":456}`);
  });
});

说明：

在单元测试开始前，需要通过before()来注册回调函数，以便在开始执行测试用例时先把服务器启动起来

同理，通过after()注册回调函数，以便在执行完所有测试用例后把服务器关闭以释放资源（否则 mocha 进程不会退出）

使用supertest发送请求时，代理服务器不需要监听端口，只需要将server实例作为调用参数即可

接着修改 package.json 文件的 scripts 部分：

{
  "scripts": {
    "test": "mocha test.js"
  }
}

执行以下命令开始测试：

npm test

如果一切正常，我们应该会看到这样的输出结果，其中 passing 这样的提示表示我们的测试完全通过了：

  测试反向代理
2017-12-12 18:28:15 服务器已启动: 3001
2017-12-12 18:28:15 服务器已启动: 3002
2017-12-12 18:28:15 服务器已启动: 3003
2017-12-12 18:28:15 反向代理服务器已启动
2017-12-12 18:28:15 [GET /hello => 127.0.0.1:3001] 代理请求
2017-12-12 18:28:15 [GET /hello => 127.0.0.1:3001] 响应: 200
2017-12-12 18:28:15 [GET /hello => 127.0.0.1:3002] 代理请求
2017-12-12 18:28:15 [GET /hello => 127.0.0.1:3002] 响应: 200
2017-12-12 18:28:15 [GET /hello => 127.0.0.1:3003] 代理请求
2017-12-12 18:28:15 [GET /hello => 127.0.0.1:3003] 响应: 200
2017-12-12 18:28:15 [GET /hello => 127.0.0.1:3001] 代理请求
2017-12-12 18:28:15 [GET /hello => 127.0.0.1:3001] 响应: 200
     顺序循环返回目标地址
2017-12-12 18:28:15 [POST /xyz => 127.0.0.1:3002] 代理请求
2017-12-12 18:28:15 [POST /xyz => 127.0.0.1:3002] 响应: 200
     支持 POST 请求


  2 passing (45ms)

当然以上的测试代码还远远不够，剩下的就交给读者们来实现了。

接口改进

如果要设计成一个比较通用的反向代理中间件，我们还可以通过提供一个生成 http.ClientRequest 的函数来实现在代理时动态修改请求：

reverseProxy({
  servers: ["127.0.0.1:3001", "127.0.0.1:3002", "127.0.0.1:3003"],
  request: function(req, info) {
    // info 是默认生成的 request options 对象
    // 我们可以动态增加请求头，比如当前请求时间戳
    info.headers["X-Request-Timestamp"] = Date.now();
    // 返回 http.ClientRequest 对象
    return http.request(info);
  }
});

然后在原来的 http.request(info, (res2) => {}) 部分可以改为监听 response 事件：

const req2 = http.request(options.request(info));
req2.on("response", res2 => {});

同理，我们也可以通过提供一个函数来修改部分的响应内容：

reverseProxy({
  servers: ["127.0.0.1:3001", "127.0.0.1:3002", "127.0.0.1:3003"],
  response: function(res, info) {
    // info 是发送代理请求时所用的 request options 对象
    // 我们可以动态设置一些响应头，比如实际代理的模板服务器地址
    res.setHeader("X-Backend-Server", `${info.hostname}:${info.port}`);
  }
});

此处只发散一下思路，具体实现方法和代码就不再赘述了。

您可能感兴趣的文章:

如对本文有疑问，点击进行留言回复！！

margin能做什么（css前端编程margin详细分析）

hello，大家好我是margin，经常有小伙伴把我跟我的兄弟padding搞混，下面我就详细的说一下我的主要工... [阅读全文]
CSS动态条形加载条效果的示例代码

运用了css变量的知识，直接上代码及其我加的注释<!doctype html><html> <head> <m... [阅读全文]
CSS3实现线性渐变用法示例代码详解

前言演示下太老版本浏览器的渐变实现了[ie9-];ie9以前,渐变都是通过滤镜实现的,大体的写法就是这样;.testdiv {width:400px;heigh... [阅读全文]
CSS中的两个特殊值用于控制层叠的inherit和initial的方法

在css中有两个特殊值可以赋给任意属性，用于控制层叠：inherit和initial。我们来看看这两个特殊值。使用inherit关键字有时，我们想用继承代替一个... [阅读全文]
CSS3 input框的实现代码类似Google登录的动画效果

用css3将input框写出类似google登录页面的动画效果效果一代码如下cssbody{ background-color:#acacac; } ... [阅读全文]
CSS 容器背景 10 种颜色渐变Demo（linear-gradient()）

语法background: linear-gradient(direction,color-stop1,color-stop2,...); directi... [阅读全文]
纯CSS3+DIV实现小三角形边框效果的示例代码

具体代码如下所示：html代码是这样的<div class="arrow-up"> ... [阅读全文]
详解CSS文件中的4种引入方式:行内,内联式,外部式,导入式

css引入方式-行内式通过 style这个标签属性,将css键值对直接写入标签内<p style="width: 100px;height: 1... [阅读全文]
css 类似于360安全体检的动画

<div class="containertj"> <div class="status... [阅读全文]
电子设计教程42：限流软启动电路

上一篇文章中，当使用固定的电阻限流时，电流大小受V_Cin和V_CL的差影响，安全上电瞬间的电流是最大的，随... [阅读全文]