File manager - Edit - /home/autoph/public_html/api/aha/test-chat.html
Back
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Socket.IO Client</title> <script src="https://cdn.socket.io/4.0.0/socket.io.min.js"></script> </head> <body> <h1>Socket.IO Client</h1> <input type="text" id="customId" placeholder="Enter Custom ID" /> <button id="setIdBtn">Set ID</button> <br/><br/> <input type="text" id="recipientId" placeholder="Recipient ID" /> <input type="text" id="message" placeholder="Message" /> <button id="sendMessageBtn">Send Message</button> <div id="messages"></div> <script> // Establish socket connection const socket = io('http://126.209.21.75:3001', { transports: ['websocket'] }); // const socket = io('http://localhost:3001', { transports: ['websocket'] }); // Function to append messages to the message log function logMessage(message) { const messageDiv = document.getElementById('messages'); messageDiv.innerHTML += `<p>${message}</p>`; } // Listen for successful connection socket.on('connect', () => { logMessage('Connected to server'); }); // Listen for connection errors socket.on('connect_error', (error) => { logMessage('Connection Error: ' + error.message); }); // Button click to set custom ID document.getElementById('setIdBtn').addEventListener('click', () => { const customId = document.getElementById('customId').value; logMessage(`Setting ID: ${customId}`); socket.emit('set_id', customId); }); document.getElementById('sendMessageBtn').addEventListener('click', () => { const recipientId = document.getElementById('recipientId').value; const message = document.getElementById('message').value; const fromSender = document.getElementById('customId').value; // Get from input logMessage(`Sending message to ${recipientId}: ${message} from ${fromSender}`); // Added fromSender in log socket.emit('private_message', { message, recipientId, fromSender }); // Include fromSender here }); socket.on('id_confirmed', ({ customId }) => { logMessage(`ID Confirmed: ${customId}`); }); socket.on('private_message', ({ message, from }) => { // Use from instead of fromSender logMessage(`Message from ${from}: ${message}`); }); socket.on('error', ({ message }) => { logMessage(`Error: ${message}`); }); </script> </body> </html>
| ver. 1.4 |
.
| PHP 7.3.33 | Generation time: 0 |
proxy
|
phpinfo
|
Settings