个人中心
gpt4 book ai didi

javascript - 在 Apache 服务器中运行 NodeJS

转载 作者：行者123 更新时间：2023-11-30 21:03:35 25 4
gpt4 key购买 nike

我正在尝试使用 Socket.IO 和 Express 制作浏览器多人游戏，尽管我不太清楚为什么需要 Express。我的应用程序在我的服务器中，位于一个名为/game 的文件夹中，因此要访问该应用程序，用户应键入 http://www.example.com/game而不是 http://www.example.com:3000本教程就是这样做的。我知道这更多是 Apache 2 VirtualHost 配置文件问题，但我不知道将其发布到哪里。这是我实际的 .conf 文件

# /etc/apache2/sites-available/example.com.conf
<VirtualHost *:80>

ServerAdmin admin@example.com
DocumentRoot /var/www/example.com/public_html
ServerName example.com
ServerAlias www.example.com
ProxyPreserveHost On
ProxyPass /game http://www.example.com:3000
ProxyPassReverse /game http://www.example.com:3000


ErrorLog ${APACHE_LOG_DIR}/error.log
CustomLog ${APACHE_LOG_DIR}/access.log combined

</VirtualHost>

实际上，当用户输入带有端口的 url ( http://www.example.com:3000 ) 时，服务器会返回一条日志消息，如“用户连接”，但是当我输入我想要的 url ( http://www.example.com/game ) 然后它不返回任何让我发疯的消息......index.js代码:

var app = require('express')();
 var http = require('http').Server(app);
 var io = require('socket.io')(http);

 app.get('/', function(req, res){
   res.sendFile(__dirname + '/index.html');
 });

 io.on('connection', function(socket){
   console.log('a user connected');
   socket.on('disconnect', function(){
     console.log('user disconnected');
 });
 socket.on('chat message', function(msg){
    onsole.log('message: ' + msg);
 });
 });

 http.listen(3000, function(){
   console.log('listening on *:3000');
 });

index.html代码:

<!doctype html>
<html>
  <head>
    <title>Socket.IO App</title>
    <style>
     * { 
       margin: 0;
       padding: 0; 
       box-sizing: border-box; 
     }
     body { 
       font: 13px Helvetica, Arial; 
     }
     form { 
       background: #000; 
       padding: 3px; 
       position: fixed;
       bottom: 0; 
       width: 100%; 
     }
     form input { 
       border: 0; 
       padding: 10px; 
       width: 90%; 
       margin-right: .5%; 
     }
     form button { 
       width: 9%; 
       background: rgb(130, 224, 255); 
       border: none; 
       padding: 10px; 
      }
    #messages { 
       list-style-type: none; 
       margin: 0; padding: 0; 
    }
    #messages li { 
       padding: 5px 10px; 
    }
    #messages li:nth-child(odd) { 
       background: #eee; 
    }
    </style>
  </head>
  <body>
    <ul id="messages"></ul>
    <form action="">
      <input id="m" autocomplete="off" /><button>Send</button>
    </form>
    <script src="/socket.io/socket.io.js"></script>
    <script src="https://code.jquery.com/jquery-1.11.1.js"></script>
    <script>
    $(function () {
      var socket = io();
      $('form').submit(function(){
        socket.emit('chat message', $('#m').val());
        $('#m').val('');
        return false;
      });
    });
    </script>
  </body>
</html>

提前致谢。

编辑:此外，我在通过 example.com/game 访问时检查了浏览器控制台，它说找不到 socket.io.js 文件，但是当以其他方式输入时，它找到了正确加载文件...

最佳答案

在客户端，指定 socket.io 客户端的 path 字段:

var socket = io('http://www.example.com', {
  'path': '/game/socket.io'
});

或:

var socket = io(window.location.origin, {
  'path': window.location.pathname + '/socket.io'
});

在您的 apache 配置中，还添加 ws 重写规则来路由 websocket 流量，您将需要 proxy、proxy_http、proxy_wstunnel 和 重写 模块:

RewriteEngine On
RewriteCond %{HTTP:Connection} Upgrade [NC]
RewriteCond %{HTTP:Upgrade} websocket [NC]
RewriteRule /game/(.*) ws://www.example.com:3000/$1 [P,L]

ProxyPass        /game  http://www.example.com:3000
ProxyPassReverse /game  http://www.example.com:3000

你可以找到here使用 docker 重现您的配置的示例项目( Node 应用程序 + apache 反向代理)

关于javascript - 在 Apache 服务器中运行 NodeJS，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/46869253/

25 4 0
文章推荐： c# - WCF 服务可以处理哪些数据类型？
文章推荐： javascript - Chrome 忽略注入(inject)的调试器语句
文章推荐： javascript - JSON.parse reviver函数嵌套对象
文章推荐： javascript - 限制匿名用户的模型对象页面查看次数，直到他们必须注册(Django)？
行者123
个人简介

我是一名优秀的程序员,十分优秀！

滴滴打车优惠券免费领取
滴滴打车优惠券
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com