node.js - 需要有关 Socket.io.js 加载失败的帮助

Question

我刚刚从 GoDaddy 获得了我的 ssl 证书，我现在正在运行 https://example.com 中的网站。和我的 socketio 服务器在 http://example.com:3000 (无法访问https中的socketio)

这是我从控制台收到的错误消息

“加载源“https://example.com:3000/socket.io/socket.io.js ”失败

这就是我添加 socket.io.js 的方式

<script src="<?php print BASE_URL; ?>:3000/socket.io/socket.io.js"></script>

这是我的带有 socket.io 的 nodejs 服务器

var app = require('express')();
var cors = require('cors');
var https = require('https').Server(app);
var io = require('socket.io')(https);
var _ = require('lodash');

// more include files here ...

https.listen(3000, function() {
  utils.logger('Listening on *: 3000', 'info');
});

io.use(function(socket, next) {
  let found = _.findIndex(socketStore.connections, { 'userId': socket.request._query.userId });

if (parseInt(socket.request._query.userId) !== 0) {
  if (found < 0) {
    socketStore.connections.push({
      userId: parseInt(socket.request._query.userId),
      socket: socket
    });
  }
  else {
    socketStore.connections[found] = {
      userId: parseInt(socket.request._query.userId),
      socket: socket
    };
  }

  utils.logger(`User connected from ${socket.request.connection.remoteAddress}`, 'info');
  utils.logger(`User ${socket.request._query.userId} is now online!`, 'info');

    next();
  }
});

// Socket IO
io.on('connection', function(socket) {
    // some stuffs
});

app.use(cors({ origin: '*' }));

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

这是我默认的 apache ssl 配置

<IfModule mod_ssl.c>
  <VirtualHost _default_:443>
    ServerAdmin webmaster@example.com
    ServerName example.com

    DocumentRoot /var/www/html

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

    SSLEngine on

    SSLCertificateFile /root/ssl/example.com.crt
    SSLCertificateKeyFile /root/ssl/example.com.key

    <FilesMatch "\.(cgi|shtml|phtml|php)$">
      SSLOptions +StdEnvVars
    </FilesMatch>
    <Directory /usr/lib/cgi-bin>
      SSLOptions +StdEnvVars
    </Directory>
    <Directory "/var/www/html">
      Options Indexes FollowSymLinks MultiViews
      AllowOverride All
      Order allow,deny
      Allow from all
    </Directory>

  </VirtualHost>
</IfModule>

Answer 1

您的错误信息:

“加载源“https://example.com:3000/socket.io/socket.io.js ”失败

正在尝试加载 /socket.io/socket.io.js来自 HTTPS服务器，但您显示的代码是针对使用 HTTP 的 socket.io 服务器的, 不是 HTTPS .您没有向我们展示它来自的网页，而是向我们展示了 <script>用于加载 socket.io.js 库的标记需要与您的 socket.io 服务器正在监听的协议(protocol)相同。

如果您已经有一个 https 服务器，那么您也应该将其用于 socket.io。没有必要只为 socket.io 创建一个单独的 http 服务器，事实上，访问 http 是一种不好的做法。来自 https 的资源页面，因为它在页面的安全性方面撒谎/欺骗用户。