关于前端:SAP-UI5-架设在-httpproxy-库上的单步调试

源代码：

const express = require('express'),
httpProxy = require('http-proxy'),
fs = require('fs'),
proxy = new httpProxy.createProxyServer();

const appRoute = {target: 'http://localhost:5000'};
const routing = JSON.parse(fs.readFileSync('./odata.json'));

var allowCrossDomain = function(req, res) {res.header('Access-Control-Allow-Origin', '*');
res.header('Access-Control-Allow-Credentials', 'true');
res.header('Access-Control-Allow-Methods', 'GET,PUT,POST,DELETE');
res.header('Access-Control-Allow-Headers', 'X-Requested-With, Accept, Origin, Referer, User-Agent, Content-Type, Authorization, X-Mindflash-SessionID');
// intercept OPTIONS method
if ('OPTIONS' === req.method) {res.header(200);
} else {var dirname = req.url.replace(/^\/([^\/]*).*$/, '$1');
    var route = routing[dirname]  || appRoute;
    console.log(req.method + ':' + route.target + req.url);
    proxy.web(req, res, route);
}
};

var app = express();
app.use(allowCrossDomain);
app.listen(8085);
console.log("Proxy started on http://localhost:8085");

routing JSON 对象解析进去的后果：

app.use(allowCrossDomain);

设置路由器，对门路 /，应用传入的 allowCrossDomain 函数：

而后监听在 8085 端口上。

我在另一个浏览器窗口，拜访 localhost:8085

在 routing 配置对象里找不到对应的值：

因而应用默认的 appRoute.

被重定向到 5000 端口：

因为 5000 端口并没有服务在监听：

因而，批改 proxy.js 里的配置。

在 appRoute 里，将 target 指向实在的 SAP UI5 服务器运行地址：

而后通过代理服务器拜访整个利用。这样，8080 端口就被暗藏掉，起作用的是代理服务器监听的 8085 端口。

Chrome 开发者工具 network 里察看到的全是 8085 端口：

odata.json 文件里增加一条名为 sap 的配置：

{
    "sap": {"target": "http://10.0.xx.xx"}
}

这样如果我在地址栏里输出：

http://localhost:8085/sap/

依据这个正则表达式：

var dirname = req.url.replace(/^\/([^\/]*).*$/, '$1');

会主动将 url 里 8085 后呈现的一对 // 里的 sap 提取进去。

而后执行：

var route = routing[dirname]  || appRoute;

从 odata.json 的配置里，提取新的路由信息：

从上图能够看出，但凡发送到 http://localhost:8085/sap/ 的申请，会被重定向到 10.0.xx.xx/sap 了。

当一个申请被代理时，它遵循两个不同的管道，它们将转换利用于 req 和 res 对象。第一个管道（传入）负责创立和操作将客户端连贯到指标的流。第二个管道（传出）负责创立和操作从指标向客户端返回数据的流。