Http-proxy-middlewareとexpressでプロキシを設定したい。ルールは、ホスト名のマッピングです。例:
http://123.com >> http://localhost:3000/123
http://456.com >> http://localhost:3000/abc
私はこのように試しました:
import express from 'express';
import http from 'http';
import proxy from 'http-proxy-middleware';
const app = express();
app.use( async function (req, res) {
let direction = 'http://localhost:3000';
console.log('hostname: ', req.hostname);
console.log('originalUrl: ', req.originalUrl);
if (req.hostname == '123.com') {
direction = `http://localhost:3000/123${req.originalUrl}`;
}
if (req.hostname == '456.com') {
direction = `http://localhost:3000/abc${req.originalUrl}`;
}
return await proxy({ target: direction, changeOrigin: false })
});
const server = http.createServer(app);
app.set('port', '127.0.0.1');
server.listen(9999, '0.0.0.0');
しかし、それは機能しません。
考慮する必要があることがいくつかあります。
http-proxy-middleware
モジュールはpromiseを返しませんが、代わりにエクスプレスミドルウェアを返します。これをテストするためにクイックエクスプレスアプリを作成しました(ホストファイルをlocalwebapp
とlocalwebapp2
で上書きして127.0.0.1を指していることに注意してください)。正常に動作しているようです。
const express = require('express')
const proxy = require('http-proxy-middleware')
const app = express();
const filter = (pathname, req) => {
if (req.hostname == 'localwebapp' || req.hostname == 'localwebapp2') {
return true;
}
return false;
};
app.get('/123*', (req, res) => {
res.send(`matched 123* route: ${req.path}`);
})
app.get('/abc*', (req, res) => {
res.send(`matched abc* route: ${req.path}`);
})
app.get('/test', (req, res) => {
res.send("matched non proxied route '/test'");
})
const apiProxy = proxy(filter, {
target: 'http://localhost:3000', logLevel: 'debug',
changeOrigin: true,
pathRewrite: function (path, req) {
if (req.hostname == 'localwebapp') {
return `/123${req.originalUrl}`;
}
if (req.hostname == 'localwebapp2') {
return `/abc${req.originalUrl}`;
}
return path;
}
})
app.use(apiProxy)
app.listen(3000);