Merhaba Arkadaşlar...

Node.js ile socket io başarılı bir şekilde kurdum ve mini bir chat sistemi yaptım. Benim chat sistemim index.html üzerinde çalışıyor. Fakat ben bu index.html dosyasını index.php yaptığımda cannot get hatası alıyorum. Chat uygulamamı index.php dosyasına nasıl çevirebilirim ?

index.php
<html>
<head>
<title>chat</title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/socket.io/4.1.3/socket.io.js" integrity="sha512-PU5S6BA03fRv1Q5fpwXjg5nlRrgdoguZ74urFInkbABMCENyx5oP3hrDzYMMPh3qdLdknIvrGj3yqZ4JuU7Nag==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>

</head>
<body>

<div id="chat-wrap">
    <div id="chat-window">
    
        <div id="output"></div>
        <div id="feedback"></div>
        

    </div>
    
    <input type="text" id="sender" placeholder="adınız">
    
    
    <div id="myform">
    <form>
    
    <input type="radio" id="sik" name="sik" value="a">
    
    <input type="radio" id="sik" name="sik" value="b">
    
    <input type="radio" id="sik" name="sik" value="c">
    
    <input type="radio" id="sik" name="sik" value="d">
    
    </form>
    </div>
    
    
    <input type="text" id="message" placeholder="mesaj">
    <button id="submitBtn">Gönder</button>
    
</div>

<script src="chat.js"></script>
</body>
</html>
server.js
const express = require ('express');
const socket = require ('socket.io');

const app = express();

const server = app.listen ('3000');

app.use (express.static('hoho/'));


const io = socket (server);


io.on ('connection', (socket) => {
    
    console.log (socket.id);
    
    socket.on ('chat', data => {
    
    io.sockets.emit('chat',data);
    
    });
    
    socket.on ('typing' , data => {
        
        socket.broadcast.emit ('typing', data);
    });
    
});
chat.js
const socket = io.connect ('http://localhost:3000');

const sender = document.getElementById ('sender');

const message = document.getElementById ('message');

const submitBtn = document.getElementById ('submitBtn');

const output = document.getElementById ('output');

const feedback = document.getElementById ('feedback');

submitBtn.addEventListener ('click' , () => {
    
    socket.emit ('chat', {
        
        message: message.value,
        sender: sender.value
    });
});

socket.on('chat' , data => {
    feedback.innerHTML = '';
    output.innerHTML += '<p><strong>' + data.sender + ': <strong> ' + data.message + '</p>';
});

socket.on ('typing' , data => {
        
        feedback.innerHTML = '<p>' + data + '</p>';
    });
    
$(document).ready(function(){

    
     $("#sik").click(function(){
       var hangisik = $('input[name=sik]:checked', '#myform').val();

       $('#sender, #message').val(hangisik);
    });
    
});