在前端开发中，组建一个成功的实时群聊系统是一个比较复杂的过程。但是使用NPM包group_chat_server可以使这个过程变得更加容易。在本文中，我们将讨论如何使用该NPM包来构建一个实时的群聊系统。
安装和使用
安装
要使用这个npm包，首先需要安装node.js和npm包管理器。安装完成后，可以很容易地从npm仓库中安装group_chat_server。
npm install -g group_chat_server
使用
安装完成后，就可以使用以下命令来启动应用程序。
group_chat_server
在运行该命令之后，应用程序将在3000端口启动。现在可以前往http://localhost:3000验证是否启动成功。
创建实时群聊系统
目录结构
首先，我们需要创建一个目录，以存储该应用程序的所有文件。启动命令的目录默认为执行命令的目录。
使用以下命令来创建文件夹。
mkdir group-chat-server cd group-chat-server
然后，需要使用以下命令来创建该应用程序的目录结构。
|- package.json |- index.js
安装依赖
为了创建应用程序，需要安装以下npm包。
npm install express@4.17.1 mongoose@5.9.25 socket.io@2.3.0 cors@2.8.5
创建服务器
在 index.js 文件中编写以下程序来创建服务器并与 socket.io 进行连接。
-- -------------------- ---- -------
----- ------- - -------------------
----- ---- - ----------------
----- -------- - ---------------------
----- ---- - ----------------
----- -------- - --------------------
----- - -------- ----------- -------- -------------- - - -------------------
----- -------------- - ----------------------------------
----- ---- - ---------------- -- -----
----- ------ - --------------------
----- --- - ----------
----- ------ - -----------------------
----- -- - -----------------
----------------
----------------
-------------------------------- - ---------------- ----- ------------------- ---- -- ----- -- -
-- ----- ---------------------- -----
---- ---------------------- -- ------- --------
---
---------------- -------- -- -
---------------- -------------
----------------- -- ----- ---- -- --------- -- -
----- - ------ ---- - - --------- --- ---------- ----- ---- ---
-- ------- ------ ----------------
-----------------------
---------------------- - ----- -------- ----- -------------- ------- -- ---- -------------- ---
---------------------------------------------- - ----- -------- ----- ------------- --- -------- ---
--------------------------------- - ----- ---------- ------ ------------------------- ---
-----------
---
------------------------ --------- --------- -- -
----- ---- - -------------------
-- ------ -------------------------------- - ----- ---------- ----- ------- ---
-----------
---
----------------------- -- -- -
----------------- --- -------
----- ---- - ----------------------
-- ------ -
-------------------------------- - ----- -------- ----- ------------- --- ------ ---
--------------------------------- - ----- ---------- ------ ------------------------- ---
-
---
---
------------------- -- -- ------------------- --- ------- -- ---- -----------从代码中可以看出，该文件已连接到MongoDB，并使用Express和socket.io创建了服务器。此外，它还调用了一个总体路由器，该路由器将处理所有路由请求。
这个文件还定义了几个socket的事件。例如，当用户加入新房间时，将发出一个 "join" 事件，该事件将在 "addUser" 函数中解析。随后服务器会加入这个房间并广播欢迎信息。
创建Users工具
为了解析用户列表的房间信息，需要创建一个users.js文件。该文件包含了要执行操作的所有函数，例如添加用户，删除用户和获取用户。以下是打印在users.js中的代码：
-- -------------------- ---- -------
----- ----- - ---
----- ------- - -- --- ----- ---- -- -- -
-- -------- ----
-- ------ -- ------ -
------ - ------ ----- --- ---- --- ---------- --
-
-- ----- --- -------- ----
----- ------------ - ----------------- -- --------- --- ---- -- --------- --- ------
-- -------------- -
------ - ------ --------- -- ------- ------- --
-
-- ------ ----
----- ---- - - --- ----- ---- --
-----------------
------ - ---- --
--
----- ---------- - ---- -- -
----- ----- - ---------------------- -- ------- --- ----
-- ------ --- --- -
------ ------------------- ------
-
--
----- ------- - ---- -- ----------------- -- ------- --- ----
----- -------------- - ------ -- ------------------- -- --------- --- ------
-------------- - - -------- ----------- -------- -------------- --这个文件导出所有处理action的函数，以供在index.js文件中使用。
最后，在package.json中添加以下内容以运行应用程序。
"scripts": {
"start": "node index.js"
}现在可以使用npm start执行该应用程序并在浏览器上的3000端口上查看运行状态。在更改时，组件将实时更新；而且，可以在不间断停止应用程序的情况下更新代码。
结论
在本文中，我们看到了如何使用NPM包group_chat_server来快速构建实时群聊系统。我们了解了如何构建出一个详细的目录结构，如何安装依赖库，以及如何编写代码来定义事件并处理用户列表。
使用group_chat_server包可以使任何人可以轻松地使用Node.js和Socket.io编写实时群聊系统。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6005552f81e8991b448d2625