5ый семестр / 7. Сети и телекомуникации (сomplete)_1 / SiT - копия / Лабораторная работа 5 / БогачевРЕ_МатвтиенкоЮА_438-1
.pdf
11
let dialogBox = document.getElementById("dialog-box"); dialogBox.innerHTML += time + msg;
};
ws.onopen = () => { document.getElementById('connection-status').innerHTML = "WebSocket
connection established!"; };
function sendButtonClicked()
{
ws.send(JSON.stringify({
time: (new Date()).toLocaleTimeString(),
message: document.getElementById('user_message_input').value }));
}
</script>
</body>
</html>
12
3.Результаты работы
На рисунке 1 представлен запуск сервера.
Рисунок 1 — запуск сервера
При успешном подключении пользователя в консоли можно наблюдать соответствующие сообщение, представленное на рисунке 2, сам пользователь тоже осведомлен о том, что соединение по websocket было успешно установлены по соответствующей надписи: «WebSocket connection established!».
Рисунок 2 — подключение пользователя к чату
Далее был отправлен текст от первого пользователя чата, после чего был подключен второй пользователь и отправлено сообщение. Результат вышеописанных действий представлен на рисунке 3.
13
Рисунок 3 — Диалог двух пользователей
При отключении какого-то пользователя данные сообщаются в консоль, данные представлены на рисунке 4. На данном рисунке был отключен первый пользователь, путем закрытия вкладки.
Рисунок 4 — Отключение первого пользователя
14
Выводы
В результате лабораторной работы был написан простенький чат между пользователями. Научились использовать технологии WebSocket, для работы с которой был использован язык Python 3 и библиотека Tornado. Познакомились со структурой и самим языком JavaScript, изучили что такое асинхронность.