Socket.io показывает полученные данные от клиента на html-странице - PullRequest
0 голосов
/ 31 мая 2018

Я пишу маленькое приложение для монитора.Пока это одно направление общения.Клиент отправляет некоторый текст на сервер, и сервер должен отображать полученный текст от клиентов.

Код моего сервера (server.js)

var serverapp = require('http').createServer(handler);
var io = require('socket.io').listen(serverapp);
var fs = require('fs');

serverapp.listen(8888);

function handler (req, res) {
    fs.readFile("client.html",
        function (err, data) {
            if (err) {
                throw err; 
            }
            res.writeHead(200);
            res.end(data);
        });
}

io.sockets.on("connection", function (socket) {
    socket.on("event_button_clicked", function (data) {
        console.log(data.text);
    });
});

, и это client.html

<html>
<head></head>
<body>
<h1>Client</h1>

<form action="">
<input
    type="text" id="intext">

<input type="button" id="button1"  value="Send"  onclick="btnSend_clicked(this);">
</form>

<script src="/socket.io/socket.io.js"></script>
<script>
var socket = io.connect(document.location.href);

function btnSend_clicked(button)
{
    socket.emit(
        "event_button_clicked", 
        { text: document.getElementById("intext").value });
}
</script>

</body>
</html>

То, что я хочу, это иметь "серверную" страницу, которая будет отображать все, что исходит от клиента.Теперь он отображается в консоли, но я не знаю, как перенаправить его в html, и я не могу найти ни одного примера для такого рода проблем.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...