想用Socket.io做同步聊天室

socket.io javascript html express express.js

a753463 2021-12-09 16:03:53 ‧ 1416 瀏覽

分享至

不好意思，小弟是socket.io新手，觀念還有很多不懂的地方，請各位大大多多包涵。想問一下我想要在表單提交資料之後呼叫'joinRoom'。但是怎麼試都不成功...也沒有報錯，而且後面的console.log(req.body) 跟 res.sendFile('public/chat.html', { root: __dirname }) 都有執行，想問各位大大我該如何解決...

<body>
    <form action="chat" id="main" method="post">
        <div>
            <input type="text" id="id" name="username" value="" placeholder=" " required />
            <label for="id">暱稱</label>
        </div>
        <div>
            <input type="text" id="key" name="key" value="" placeholder=" " />
            <label for="key">房號</label>
        </div>
        <button type="submit" value="加入房間" class="btn">加入房間</button>
    </form>

</body>

io.on('connection', (socket) => {

    socket.on('joinRoom', username => {
        console.log(username);
        console.log("joinRoom");
    });
    socket.on('chat message', msg => {
        const user = getCurrentUser(socket.id);
        console.log(user);
        io.emit('chat message',  msg);
  });
});
app.post('/chat', urlencodedParser, function (req, res) {
    io.sockets.emit('joinRoom', "aa")
    console.log(req.body)
    res.sendFile('public/chat.html', { root: __dirname })
});