В ответ на запрос OP о тестировании браузера я изменил свое исходное решение, чтобы проксировать трафик HTTP и WS на сервер, на котором обслуживается файл index.html
. Затем этот файл подключает браузер к прокси-серверу через WebSocket, который прокси затем проксирует на основной сервер. Простое сообщение печатается в документе браузера с главного сервера.
Чтобы не нужно было ничего копировать/вставлять, я создал этот репозиторий с полной инструкцией: 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>
person
caasjj
schedule
10.09.2015