最新消息:雨落星辰是一个专注网站SEO优化、网站SEO诊断、搜索引擎研究、网络营销推广、网站策划运营及站长类的自媒体原创博客

Socket.io和Express与nginx

网站源码admin18浏览0评论

Socket.io和Express与nginx

Socket.io和Express与nginx

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

server {

        root /var/www/example/public/;

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

        server_name example;

        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/fullchain.pem; # managed by Certbot
    ssl_certificate_key /etc/letsencrypt/live/example/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) {
        return 301 https://$host$request_uri;
} # managed by Certbot


        listen 80;
        listen [::]:80;

        server_name example;
    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包管理器已经过时了。我没有收到配置错误但由于上游错误日志中的连接被拒绝。

任何帮助非常感谢!

回答如下:

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

我从未使用过nginx或者通过nodejs本身为服务器提供nodejs应用程序。我假设你有一个网络应用程序,你通过nginx服务吗?

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

Socket.io负责设置Web套接字并升级连接。如果你需要以自己的方式处理它,我会推荐像faye-websocket这样的东西,但socket.io抽象了很多。

您可以通过nodejs http servers 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.htmlcd进入根文件夹并运行npm init -y然后npm i -s express socket.io和最后node app.js并将您的浏览器指向localhost:8080

希望这可以帮助

与本文相关的文章

发布评论

评论列表(0)

  1. 暂无评论