Membuat websocket server (node.js) dan client (php js) menggunakan socket.io dengan client-server terpisah.

//import library
const express = require('express');
const app = express();
const http = require('http');
const cors = require('cors'); 
const { Server } = require("socket.io");

//create server
const server = http.createServer(app);

//enable cross origin
const io = new Server(server, { cors: { origin: '*' } });

//make first page when url server is accessed 
app.get('/', (req, res) => {
  res.send('<h1>Selamat datang di web-socket server</h1>');
});

// socket
io.on('connection', (socket) => {
    console.log('a user connected');
 
    let currentTemperature = 0;

    socket.on('request_temperature', function() { 
        setInterval(function() {
            // Memperbarui nilai temperatur
            currentTemperature += 1; 
            socket.emit('temperature', "tes:"+currentTemperature);
        }, 5000); 
    }); 

    socket.on('request_qrCode', function() { 
       ....
    }); 

    socket.on('disconnect', () => {
        console.log('user disconnected');
    });
});
// end

server.listen(6060, () => { 
  console.log('listening on *:6060');
});

...

<VirtualHost *:80>   
    ServerName web-socket.arahdev.com
    ServerAlias www.web-socket.arahdev.com

    ProxyRequests off

    <Proxy *>
        Order deny,allow
        Allow from all
    </Proxy>

    <Location />
        ProxyPass http://localhost:6060/
        ProxyPassReverse http://localhost:6060/
    </Location>
</VirtualHost>

<VirtualHost *:443> 
    ServerName web-socket.arahdev.com
    SSLEngine on 

    SSLProxyEngine on  
    SSLProxyVerify none
    SSLProxyCheckPeerCN off
    SSLProxyCheckPeerName off

    ProxyPreserveHost On
    ProxyRequests Off  
 
    <Location />
        ProxyPass http://localhost:6060/
        ProxyPassReverse http://localhost:6060/ 
    </Location>

    ErrorLog "logs/web-socket.com-error.log"
    CustomLog "logs/web-socket.com-access.log" common
 
    SSLProtocol +TLSv1.2 +TLSv1.3 
    SSLCertificateFile "/opt/lampp/etc/ssl.crt/web-socket_certificate.crt"
    SSLCertificateKeyFile "/opt/lampp/etc/ssl.key/web-socket_private.key"
    SSLCertificateChainFile "/opt/lampp/etc/ssl.chain/web-socket_ca_bundle.crt" 
</VirtualHost>

 
<h1>Real-time Temperature Cek</h1>
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/socket.io/4.2.0/socket.io.js"></script>
  
<script>
  const socket = io("https://web-socket.arahdev.com"); 
  
  socket.on('connect', function() {
    console.log('Connected to WebSocket server');
  }); 
  
  // Event handler ketika koneksi ditutup
  socket.on('disconnect', function() {
    console.log('Disconnected from WebSocket server');
  });
  
  $(document).ready(function () {  
       socket.emit("request_temperature");  
       socket.on('temperature', function(data) {
          console.log('Received message from server:', data);
      });
  });
  
</script>  

<VirtualHost *:80>     
    DocumentRoot "/opt/lampp/htdocs/web-socket-client"
    ServerName web-socket-client.aswin.com
    ErrorLog "logs/web-socket-client.aswin.com-error.log"
    CustomLog "logs/web-socket-client.aswin.com-access.log" common  
    Redirect / https://web-socket-client.aswin.com

    <Directory "/opt/lampp/htdocs/web-socket-client"> 

        Options Indexes FollowSymLinks MultiViews
        AllowOverride all
        Order Deny,Allow
        Allow from all
        Require all granted
    </Directory>
</VirtualHost>

<VirtualHost *:443>
    DocumentRoot "/opt/lampp/htdocs/web-socket-client"
    ServerName web-socket-client.aswin.com
    SSLEngine on
    SSLProtocol +TLSv1.2 +TLSv1.3
    SSLCertificateFile "/opt/lampp/etc/ssl.crt/web-socket-client_certificate.crt"
    SSLCertificateKeyFile "/opt/lampp/etc/ssl.key/web-socket-client_private.key"
    SSLCertificateChainFile "/opt/lampp/etc/ssl.chain/web-socket-client_ca_bundle.crt"
    ErrorLog "logs/web-socket-client-error.log"
    CustomLog "logs/web-socket-client-access.log" common
</VirtualHost>