ฉันรวมคำตอบข้างต้นกับ certbot SSL cert และ CORS access-control-allow-headers และทำให้มันทำงานได้ดังนั้นฉันคิดว่าฉันจะแบ่งปันผลลัพธ์
Apache httpd.conf ถูกเพิ่มเข้าไปที่ด้านล่างของไฟล์:
LoadModule proxy_module modules/mod_proxy.so
LoadModule proxy_http_module modules/mod_proxy_http.so
การตั้งค่า Apache VirtualHost (doc root สำหรับ PHP อยู่ภายใต้ Apache และ SSL กับ Certbot ในขณะที่เว็บไซต์ node.js / socket.io ทำงานบนพอร์ต 3000 - และใช้ใบรับรอง SSL จาก Apache) นอกจากนี้สังเกตว่าเว็บไซต์ node.js ใช้พร็อกซีสำหรับโฟลเดอร์ / nodejs, socket.io และ ws (websockets):
<IfModule mod_ssl.c>
<VirtualHost *:443>
ServerName www.example.com
ServerAlias www.example.com
DocumentRoot /var/html/www.example.com
ErrorLog /var/html/log/error.log
CustomLog /var/html/log/requests.log combined
SSLCertificateFile /etc/letsencrypt/live/www.example.com/fullchain.pem
SSLCertificateKeyFile /etc/letsencrypt/live/www.example.com/privkey.pem
Include /etc/letsencrypt/options-ssl-apache.conf
RewriteEngine On
RewriteCond %{REQUEST_URI} ^socket.io [NC]
RewriteCond %{QUERY_STRING} transport=websocket [NC]
RewriteRule /{.*} ws://localhost:3000/$1 [P,L]
RewriteCond %{HTTP:Connection} Upgrade [NC]
RewriteRule /(.*) ws://localhost:3000/$1 [P,L]
ProxyPass /nodejs http://localhost:3000/
ProxyPassReverse /nodejs http://localhost:3000/
ProxyPass /socket.io http://localhost:3000/socket.io
ProxyPassReverse /socket.io http://localhost:3000/socket.io
ProxyPass /socket.io ws://localhost:3000/socket.io
ProxyPassReverse /socket.io ws://localhost:3000/socket.io
</VirtualHost>
</IfModule>
จากนั้นแอป node.js ของฉัน (app.js):
var express = require('express');
var app = express();
app.use(function(req, res, next) {
res.header("Access-Control-Allow-Origin", "*");
res.header("Access-Control-Allow-Headers", "X-Requested-With");
res.header("Access-Control-Allow-Headers", "Content-Type");
res.header("Access-Control-Allow-Methods", "PUT, GET, POST, DELETE, OPTIONS");
next();
});
var http = require('http').Server(app);
var io = require('socket.io')(http);
http.listen({host:'0.0.0.0',port:3000});
ฉันบังคับให้ฟัง ip4 แต่นั่นก็เป็นทางเลือก - คุณสามารถแทนที่:
http.listen(3000);
รหัสแอป node.js (app.js) ดำเนินการต่อด้วย:
io.of('/nodejs').on('connection', function(socket) {
//optional settings:
io.set('heartbeat timeout', 3000);
io.set('heartbeat interval', 1000);
//listener for when a user is added
socket.on('add user', function(data) {
socket.join('AnyRoomName');
socket.broadcast.emit('user joined', data);
});
//listener for when a user leaves
socket.on('remove user', function(data) {
socket.leave('AnyRoomName');
socket.broadcast.emit('user left', data);
});
//sample listener for any other function
socket.on('named-event', function(data) {
//code....
socket.broadcast.emit('named-event-broadcast', data);
});
// add more listeners as needed... use different named-events...
});
ในที่สุดฝั่งไคลเอ็นต์ (สร้างเป็น nodejs.js):
//notice the /nodejs path
var socket = io.connect('https://www.example.com/nodejs');
//listener for user joined
socket.on('user joined', function(data) {
// code... data shows who joined...
});
//listener for user left
socket.on('user left', function(data) {
// code... data shows who left...
});
// sample listener for any function:
socket.on('named-event-broadcast', function(data) {
// this receives the broadcast data (I use json then parse and execute code)
console.log('data1=' + data.data1);
console.log('data2=' + data.data2);
});
// sample send broadcast json data for user joined:
socket.emit('user joined', {
'userid': 'userid-value',
'username':'username-value'
});
// sample send broadcast json data for user left
//(I added the following with an event listener for 'beforeunload'):
// socket.emit('user joined', {
// 'userid': 'userid-value',
// 'username':'username-value'
// });
// sample send broadcast json data for any named-event:
socket.emit('named-event', {
'data1': 'value1',
'data2':'value2'
});
ในตัวอย่างนี้เมื่อ JS โหลดมันจะปล่อยไปยังซ็อกเก็ต "named-event" ส่งข้อมูลใน JSON ไปยังเซิร์ฟเวอร์ node.js / socket.io
การใช้ io และซ็อกเก็ตบนเซิร์ฟเวอร์ภายใต้ path / nodejs (เชื่อมต่อโดยไคลเอนต์) ได้รับข้อมูลจากนั้นส่งเป็นข้อมูลออกอากาศอีกครั้ง ผู้ใช้รายอื่นในซ็อกเก็ตจะรับข้อมูลพร้อมฟัง "named-event-broadcast" โปรดทราบว่าผู้ส่งไม่ได้รับการถ่ายทอดของตนเอง