Ubuntu 22.04
Nginx: 1.23.2
Nodejs: 12.22.9
Socket.io: 2.0.3
Apache2에 기본 Node.js 채팅방이 구축되어 있었지만 모든 것을 Ngnix로 마이그레이션했고 채팅방을 다시 작동시키는 데 문제가 있습니다. /cnode2/
다른 앱이 있는 것처럼 루트 URL이 아닌 디렉터리로 작동하도록 채팅 앱을 얻으려고 합니다 .
페이지를 로드하려고 하면 다음 오류가 발생합니다.
WebSocket connection to 'wss://www.*****.com/socket.io/?EIO=3&transport=websocket' failed:
r.doOpen @ websocket.js:112
r.open @ transport.js:80
r.open @ socket.js:245
r @ socket.js:119
r @ socket.js:28
r.open.r.connect @ manager.js:226
r @ manager.js:69
r @ manager.js:37
r @ index.js:60
(anonymous) @ (index):539
cmain.js:160 connect_error: {"type":"TransportError","description":{"isTrusted":true}}
이것은 정말 간단한 수정인 것 같습니다. 예를 들어 ' wss://www.*****.com/cnode2/socket.io/
'에 연결해야 할까요(아니면 아닐 수도 있나요)? 모든 것을 올바르게 구성하는 방법이나 구성할 위치를 잘 모르겠습니다. 내 구성은 다음과 같습니다.
패키지.json:
{
"name": "chat",
"version": "0.0.1",
"private": true,
"scripts": {
"start": "nodejs app"
},
"dependencies": {
"cluster": "^0.7.7",
"domain": "0.0.1",
"express": "^4.16.3",
"helmet": "^3.12.0",
"mongoose": "^5.0.0",
"mysql": "^2.15.0",
"os": "^0.1.1",
"package.json": "^2.0.1",
"redis": "^2.8.0",
"socket.io": "^2.0.3",
"socket.io-redis": "^5.2.0",
"sticky-session": "^1.1.2"
}
}
Ngnix 구성:
server {
server_name www.********.com;
root /home/********/********.com;
charset utf-8;
#listen [::]:443 http2 ssl; # managed by Certbot
rewrite ^([^.]*[^/])$ $1/ permanent;
location ~ \.php$ {
fastcgi_pass unix:/var/run/php/php8.1-fpm-******.sock;
fastcgi_index index.php;
fastcgi_param SCRIPT_FILENAME $realpath_root$fastcgi_script_name;
include fastcgi_params;
}
location /cnode2/ {
proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
proxy_set_header Host $host;
proxy_pass http://localhost:3000;
proxy_http_version 1.1;
proxy_set_header Upgrade $http_upgrade;
proxy_set_header Connection "upgrade";
}
listen 443 ssl; # managed by Certbot
ssl_certificate ***; # managed by Certbot
ssl_certificate_key ***; # managed by Certbot
include /etc/letsencrypt/options-ssl-nginx.conf; # managed by Certbot
ssl_dhparam /etc/letsencrypt/ssl-dhparams.pem; # managed by Certbot
}
IO에 대한 클라이언트측 연결 - 웹페이지의 코드:
<script src="https://www.*******.com/cnode2/socket.io.js"></script>
<script>
var socket = io('https://www.*********.com/cnode2', {resources: "/cnode2/socket.io", transports: ['websocket','polling']});
</script>
서버측 app.js 설정:
var http = require('http'),
express = require('express'),
cluster = require('cluster'),
net = require('net'),
io = require('socket.io'),
io_redis = require('socket.io-redis'),
sticky = require('sticky-session'),
os = require('os'),
helmet = require('helmet'),
app = new express;
app.use(helmet());
var server = http.createServer(app, function(req, res) {
console.log('launch server');
res.end('worker: '+cluster.worker.id);
});
var numCPUs = os.cpus().length;
console.log('num CPUs: '+numCPUs);
if(!sticky.listen(server, 3000)) {
for(var i = 0; i < numCPUs; i++) {
cluster.fork();
}
server.once('listening', function() {
console.log('server started on 3000 port');
});
}
else {
console.log('spawn worker');
var io = io(server, {path: '/cnode2', transports: ['websocket', 'polling']});
....
}
답변1
벽에 머리를 부딪힌 후 약간의 시행착오를 겪은 후 클라이언트 측 스크립트를 다음과 같이 변경하여 모든 작업을 수행할 수 있게 되었습니다.
<script>
var socket = io('https://www.*************.com', {path: "/cnode2", transports: ['websocket','polling']});
</script>
"경로"는 서버 측 앱 구성에 설정된 "경로"와 일치해야 하는 것 같습니다.