nginx作为webserver包含。 socket.io和node.js / ws：// 400 Bad Request
[英]nginx as webserver incl. socket.io and node.js / ws:// 400 Bad Request
问题描述
i've got this error requests. 
我有这个错误请求。
The last sentence in german means "Firefox cant connect to the server which is located in ws://.......". 德语中的最后一句是指“Firefox无法连接到位于ws：// .......”的服务器。
The server wouldnt be the problem i think. 服务器不会是我认为的问题。
Because that here is the nginx configuration, because i think there is the problem! 因为这里是nginx配置，因为我觉得有问题！
server {
server_name example.org;
listen 80 default_server;
root /var/www/web;
location / # for symfony2
{
try_files $uri @rewriteapp;
}
location @rewriteapp # for symfony2
{
rewrite ^(.*)$ /app.php/$1 last;
}
location ~ ^/app\.php(/|$)
{
fastcgi_pass unix:/var/run/php5-fpm.sock;
fastcgi_split_path_info ^(.+\.php)(/.*)$;
include fastcgi_params;
fastcgi_param HTTPS off;
fastcgi_param SCRIPT_FILENAME $document_root$fastcgi_script_name;
}
location ~ ^/socket
{
proxy_pass http://127.0.0.1:8080;
proxy_redirect off;
proxy_http_version 1.1;
proxy_set_header Upgrade $http_upgrade;
proxy_set_header Connection "upgrade";
proxy_set_header Host $http_host;
}
access_log /var/log/nginx/access.log;
error_log /var/log/nginx/error.log;
}
nginx version: nginx/1.4.7 nginx版本：nginx / 1.4.7
app.js (thats the server!) app.js（那就是服务器！）
var express = require('express'),
io = require('socket.io').listen(server),
server = require('http').createServer(app),
bodyParser = require('body-parser');
var app = express();
server.listen(8080);
app.use(bodyParser.json());
app.post('/', function(request, response)
{
response.send('OK');
io.emit('MessageForAll', request.body);
});
io.on('connection', function (socket){});
console.log('Server running on port 8080.');
2 个解决方案
解决方案1
11 2014-09-01 14:06:29
Nginx(nginx version: nginx/1.4.6) Change:-
Nginx（nginx版本：nginx / 1.4.6）更改： - server { listen 80; server_name 255717070.com; root /var/www/stack/25571070; index index.html index.htm; location / { } location ^~ /socket { rewrite ^/socket/(.*) /$1 break; #used to send request to base url proxy_pass http://127.0.0.1:3000; proxy_redirect off; proxy_pass_request_headers on; proxy_set_header X-Real-IP $remote_addr; proxy_set_header Host $http_host; proxy_set_header X-NginX-Proxy true; proxy_set_header X-Forwarded-Host $host; proxy_set_header X-Forwarded-Server $host; proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for; proxy_http_version 1.1; proxy_set_header Upgrade $http_upgrade; proxy_set_header Connection "upgrade"; proxy_set_header Host $host; } }
Note: You need to change location ~ ^/socket to location ^~ /socket 注意：您需要将location ~ ^/socket更改为location ^~ /socket
Node Changes: 节点更改：
app.js:
app.js： app.enable('trust proxy'); app.set('port', process.env.PORT || 3000); var server = app.listen(app.get('port'), function() { debug('Express server listening on port ' + server.address().port); }); var sockets = require('socket.io')({ 'transports': ['websocket', 'flashsocket','htmlfile','xhr-polling','jsonp-polling'] }); var io = sockets.listen(server,{ resource: '/socket.io/','sync disconnect on unload':true }); io.sockets.on('connection', function (socket) { setInterval(function() {socket.emit('news', { hello: 'hello world' })}, 1000); });index.ejs:
index.ejs： <!DOCTYPE html> <html> <head> <title><%= title %></title> <link rel='stylesheet' href='/socket/stylesheets/style.css' /> </head> <body> <h1><%= title %></h1> <p>Welcome to <%= title %></p> <div id="divID"> </div> <script src="http://www.25571070.com/socket/socket.io/socket.io.js"></script> <script> var socket = io.connect('ws://25571070.com'); //var socket = io.connect('http://www.25571070.com'); var i = 0; socket.on('news', function(data) { var div = document.getElementById('divID'); i = i + 1; div.innerHTML = div.innerHTML + '<p>'+ data.hello+'('+i+')'+'</p>'; console.log(data); }); </script> </body> </html>
package.json: 的package.json：
{
"name": "25571070",
"version": "0.0.0",
"private": true,
"scripts": {
"start": "node ./bin/www"
},
"dependencies": {
"body-parser": "~1.6.6",
"cookie-parser": "~1.3.2",
"debug": "~1.0.4",
"ejs": "~0.8.5",
"express": "~4.8.6",
"moment": "^2.8.2",
"morgan": "^1.2.3",
"serve-favicon": "^2.0.1",
"socket.io": "^1.0.6",
"stylus": "0.42.3"
}
}
Firefox Response: Firefox响应：
Chrome Response: Chrome响应：
FYI. 仅供参考。 I have used below version: 我用过以下版本：
- "node": "v0.10.31" “node”：“v0.10.31”
- "ejs": "~0.8.5" “ejs”：“~0.8.5”
- "express": "~4.8.6", “表达”：“~4.8.6”，
- "socket.io": "^1.0.6" “socket.io”：“^ 1.0.6”
- "nginx": "1.4.6" “nginx”：“1.4.6”
For Quick Start With node.js go to node.js-socket.io-express-ngnix-starter 对于使用node.js快速入门，请转到node.js-socket.io-express-ngnix-starter
解决方案2
1 2014-09-02 13:59:49
Can I see the server code? 我能看到服务器代码吗？
Have you double-checked that the websocket port is not blocked by any firewall? 您是否仔细检查过websocket端口是否未被任何防火墙阻止？
I think you've already read this blog post , right? 我想你已经阅读过这篇博文了 ，对吧？
声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.