为了响应 OP 对浏览器测试的请求,我修改了我的原始解决方案,将 HTTP 和 WS 流量代理到提供 index.html 文件的服务器。然后,该文件通过 WebSocket 将浏览器连接到代理服务器,然后代理将代理服务器代理到主服务器。一条简单的消息从主服务器打印到浏览器文档上。
为了不需要复制/粘贴任何内容,我创建了这个 repo 并附有完整说明:https://github.com/caasjj/httpproxy.git
这里是代码,以防其他人想在这里查看。要运行整个程序,创建两个服务器文件和index.html 文件,使用node proxyreceiver.js 和node proxyserver.js 启动服务器,然后导航到localhost:8014/index.html。
(proxyserver.js):
var httpProxy = require('http-proxy');
var http = require('http');
var proxy = new httpProxy.createProxyServer({
target: {
host: 'localhost',
port: 9014
}
});
var proxyServer = http.createServer(function (req, res) {
proxy.web(req, res);
});
//
// Listen to the `upgrade` event and proxy the
// WebSocket requests as well.
//
proxyServer.on('upgrade', function (req, socket, head) {
proxy.ws(req, socket, head);
});
proxyServer.listen(8014);
(proxyreceiver.js):
var app = require('http').createServer(handler)
var io = require('socket.io')(app);
var fs = require('fs');
app.listen(9014);
function handler (req, res) {
res.writeHead(200);
fs.readFile('index.html', function(err, data){
res.end(data);
})
}
io.on('connection', function (socket) {
socket.emit('data', { message: 'Hello World!' });
socket.on('resp', function(msg) {
console.log('Got message: ', msg);
});
});
(index.html):
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Web Socket Proxy Test</title>
<script src="https://cdn.socket.io/socket.io-1.3.5.js"></script>
<script>
var socket = io('http://localhost:8014');
var p = document.createElement("p")
socket.on('data', function (data) {
console.log('Got', data);
p.innerHTML = "Received:" + data.message;
document.body.appendChild(p);
});
</script>
</head>
<body>
<h1>Test ProxyServer</h1>
</body>
</html>