Socket.io和Express与Nginx

时间:2019-02-11 23:41:49

标签: node.js express nginx socket.io

我正在努力正确配置nginx,以确保它可以处理Express(端口8081)和Socket.io(端口3000)的代理。这是我的配置,当前正在为整个请求而不是Socket.io产生502错误:

server {

        root /var/www/example.com/public/;

        index index.html index.htm index.nginx-debian.html;

        server_name example.com;

        location /socket.io/ {
                proxy_set_header X-Real-IP $remote_addr;
                proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
                proxy_set_header Host $http_host;
                proxy_set_header X-NginX-Proxy true;
                proxy_pass http://127.0.0.1:3000/;
                proxy_redirect off;
                proxy_http_version 1.1;
                proxy_set_header Upgrade $http_upgrade;
                proxy_set_header Connection "upgrade";
        }

        location / {
                #try_files $uri $uri/ =404;
                proxy_set_header X-Real-IP $remote_addr;
                proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
                proxy_set_header Host $http_host;
                proxy_set_header X-NginX-Proxy true;
                proxy_pass http://127.0.0.1:8081/;
                proxy_redirect off;
                proxy_http_version 1.1;
                proxy_set_header Upgrade $http_upgrade;
                proxy_set_header Connection "upgrade";
                proxy_redirect off;
                proxy_set_header X-Forwarded-Proto $scheme;
        }

    listen [::]:443 ssl; # managed by Certbot
    listen 443 ssl; # managed by Certbot
    ssl_certificate /etc/letsencrypt/live/example.com/fullchain.pem; # managed by Certbot
    ssl_certificate_key /etc/letsencrypt/live/example.com/privkey.pem; # managed by Certbot
    include /etc/letsencrypt/options-ssl-nginx.conf; # managed by Certbot
    ssl_dhparam /etc/letsencrypt/ssl-dhparams.pem; # managed by Certbot

}

server {
    if ($host = example.com) {
        return 301 https://$host$request_uri;
} # managed by Certbot


        listen 80;
        listen [::]:80;

        server_name example.com;
    return 404; # managed by Certbot


}

据我了解,我需要确保将Socket.io使用的Websocket升级到HTTP,但这是我在努力了解需要做的事情的地方。大概Socket.io和Express都需要在不同的端口上运行,然后需要按照上面的配置代理到nginx。

如果我禁用Express代理并且仅使用nginx来提供文件,则可以提供我的资产,但是显然我需要使用它来与Express和Socket.io一起使用。

编辑:我正在运行nginx 1.14,但查看一个nginx博客文章表明我至少需要1.3 ...但是看起来已经存在了好几年,所以不确定为什么Ubuntu软件包管理器如此过时。我没有任何配置错误,但由于上游而在错误日志中拒绝了连接。

任何帮助,不胜感激!

1 个答案:

答案 0 :(得分:1)

Experess和socket.io可以在同一端口上。

const express = require('express')
const app = express()
const http = require('http').createServer(app)
const io = require('socket.io')(http)

app.use(
  express.static(__dirname + '/client')
)

io.on('connection', function(socket){
  console.log('Socket Connected');
   socket.emit('message', 'Hello Socket');
   socket.on('message', function (msg) {
      console.log(msg);
   });
})

http.listen(8080, () => console.log('Server is running @ localhost:8080')) //port

除通过nodejs本身之外,我从未使用过nginx或为服务器提供过nodejs应用程序。我假设您有一个通过nginx为其提供服务的网络应用?

要在其他端口上使用套接字,必须通过http创建另一个nodejs服务器,然后使用cors使其连接。有人告诉我使用cors(跨原始资源共享)可能很危险。最简单,最安全的方法是将您的应用程序置于一个端口(服务器)下。

Socket.io负责设置Web套接字和升级连接。如果您需要以自己的方式进行处理,我建议您使用faye-websocket之类的东西,但是socket.io可以抽象很多。

您了解有关使用nodejs http服务器here的socket.io的更多信息。

在客户端或您的网页上,例如index.html ...

<!DOCTYPE html>
<html>
  <head>
    <title>Socket.io Test</title>
    <script src="socket.io/socket.io.js"></script>
  </head>
  <body>
    <!-- HTML -->
    <script>
      var socket = io();
      socket.on('message', function (msg) {
        console.log(msg);
        socket.emit('message', 'Back at you');
      });
    </script>
  </body>
</html>

要运行此代码,请创建一个新文件夹socket.io_test,然后在内部创建一个名为app.js的文件,并在另一个文件夹client中创建一个文件index.html。 将第一个代码段复制到app.js中,然后将第二个代码段复制到index.html中。 cd进入根文件夹,先运行npm init -y,然后运行npm i -s express socket.io,最后运行node app.js,然后将浏览器指向localhost:8080

希望这会有所帮助