Socket.io 和 Express 与 nginx

Question

我正在努力正确配置 nginx 以确保它可以处理 Express（端口 8081）和 Socket.io（端口 3000）的代理。 这是我的配置，目前对整个请求产生 502 错误，而不仅仅是 Socket.io：

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 包管理器如此过时。 我没有收到任何配置错误，但由于上游而在错误日志中拒绝连接。

非常感谢任何帮助！

Answer 1

Express 和 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

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

要在不同的端口上使用套接字，您必须通过http创建另一个 nodejs 服务器，然后使用cors让它们连接。 有人告诉我，使用 cors（跨源资源共享）可能很危险。 最简单和最安全的方法是将您的应用程序保持在一个端口（服务器）下。

Socket.io 负责设置 web-socket 和升级连接。 如果您需要以自己的方式处理它，我会推荐类似faye-websocket 的东西，但 socket.io 抽象了很多。

您可以在此处了解有关带有 nodejs http 服务器的 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的文件和另一个带有文件index.html的文件夹client 。 将第一个代码片段复制到app.js ，将第二个代码片段复制到index.html 。 cd进入根文件夹并运行npm init -y然后npm i -s express socket.io和最后一个node app.js并将浏览器指向localhost:8080 。

希望这可以帮助

Socket.io 和 Express 与 nginx

问题描述

1 个解决方案

解决方案1
2 已采纳 2019-02-11 23:54:30

Socket.io 和 Express 与 nginx

问题描述

1 个解决方案

解决方案1 2 已采纳 2019-02-11 23:54:30

解决方案1
2 已采纳 2019-02-11 23:54:30