WebSocket 是一种在 Web 应用程序中实现实时双向通信的协议。它可以用于实现任何实时交互性质的应用程序，例如多人在线游戏、实时聊天，以及本文将介绍的实时投票系统。
Deno 是一个新兴的 JavaScript 和 TypeScript 运行时环境，它旨在提供一个安全、简单和现代的开发体验。本文将介绍如何在 Deno 中使用 WebSocket 构建实时投票系统，并包含示例代码。
设计思路
在设计实时投票系统时，需要考虑以下各方面：
实时性：投票系统需要能够及时更新投票结果，使参与者能够实时了解投票的状态。
可伸缩性：投票系统需要能够承受大量的用户访问，而不会导致性能下降或系统崩溃。
安全性：投票系统需要有一定的安全保障，防止不正当操作、欺诈行为和数据泄露等问题。
基于以上考虑，我们可以采用以下技术方案来设计实时投票系统：
使用 WebSocket 协议实现实时双向通信，使得所有参与者均可及时地接收到投票的状态更新。
使用 Deno 运行时环境来实现服务器端和客户端代码。
使用 WebSocket 的广播机制，使得服务器可以将投票状态同时广播给所有参与者，从而实现可伸缩性。
在服务器端适当地进行输入合法性检查，并为每个参与者生成唯一的标识符，以增强系统的安全性。
示例代码
以下是一个基本的实时投票系统示例代码：
-- -------------------- ---- -------
------ - --------- - ---- ----------------------------------
------ - -- - ---- ------------------------------------
----- ------- - --- -----------------
----- -------- - ---
------ ----- --------- - --------- ------- ---------- ------- -- -
--- ------ ------ -- -------- -
-- ----------------- -
-----------------------
---------
-
-- --------- -- ------------- --- --------- -
---------
-
---------------------
-
--
------ ----- ------------ - ----- -
--- ----------
-------- --------
-- ------------- -- -
----- -- - --------------
--------- - ---
----------------
-- ------
-------------------- --------------------- ----
--- ----- ------ ----- -- --- -
-- ------- ----- --- -------- -- ------------------- - -- -
----- ------- - -------------- -----------------
-----------------------
-- -----------
----------
---------- ------------------- ---------- ---------------
---
--
-
-
-------------------
--该代码使用 Deno 的 WebSocket 库来实现 WebSocket 服务器端。其中，sockets 变量用来存储所有通过 WebSocket 连接到服务器的客户端，messages 用来存储所有的投票消息。
该代码还定义了 broadcast 函数，用于将投票状态和投票消息广播给所有参与者。在广播时，需要注意过滤掉已经关闭的 WebSocket 连接，并避免将消息发送给自己。
最后，该代码定义了 handleSocket 函数，用于处理每个客户端的 WebSocket 连接。在处理连接时，首先为客户端生成唯一的标识符，并将该客户端添加到 sockets 变量中。然后，发送当前的投票状态，并等待客户端发送投票消息。在接收到消息时，将其添加到 messages 中，并将新的投票状态和投票消息广播给所有参与者。
总结
本文介绍了如何在 Deno 中使用 WebSocket 构建实时投票系统，并提供示例代码。同时，本文还探讨了如何考虑实时性、可伸缩性和安全性等问题。通过本文的学习，读者可以更好地理解 WebSocket 技术和 Deno 运行时环境，并掌握如何将它们应用到实际场景中。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/64b2f3f648841e9894f23732