前言
在前端开发中，我们经常需要和后端进行通信。而在实际项目中，如果要实现在线聊天等功能，我们还需要考虑前端和后端之间的实时通信。这时，引入 @broid/messenger 这个 npm 包就会变得十分有用。
什么是 @broid/messenger
@broid/messenger 是一个跨平台的实现 WebSocket 通信的 JavaScript 库，它可以用于浏览器端和 Node.js 后端。这个 npm 包可以让我们使用简单的方式来实现 WebSocket 的通信，十分方便快捷。
安装
你可以在你的项目中使用 npm 进行安装：
npm install @broid/messenger
使用
我们可以通过以下方式来使用 @broid/messenger：
import { Messenger } from '@broid/messenger'
const messenger = new Messenger('ws://localhost:3000')这里将 ws://localhost:3000 替换成你的 WebSocket 地址即可。
发送消息
我们可以使用 send 方法，将我们要发送的消息以 JSON 格式传递，如下所示：
messenger.send({
event: 'sendMessage',
data: '这是要发送的消息'
})这里的 message 事件应该是接收方预先定义好的事件。
接收消息
我们可以使用 on 方法监听事件，并在接收到事件时来执行相应的函数，如下所示：
messenger.on('message', (event) => {
console.log(event.data)
})这里的 message 事件应该是接收方在前端和后端都预先定义好的事件。
示例代码
针对前端和后端不同，我们可以分别给出一份示例代码。
前端示例代码
-- -------------------- ---- ------- ------ - --------- - ---- ------------------ ----- --------- - --- -------------------------------- -- ---- ---------------- ------ -------------- ----- ---------- -- -- ---- ----------------------- ------- -- - ----------------------- --
后端示例代码
-- -------------------- ---- -------
----- --------- - -------------
----- --- - --- ------------------ ----- ---- --
-------------------- ---- -- -
-------------- ---- -----------
---------------- --------- -- -
--------------------- -------- ------------
----- ---- - -------------------
------ ------------ -
---- -------------- -
--------------------- ----- --------------
-----
-
-------- -
-------------------- ----- ---------
-
-
--
-------------- -- -- -
---------------------------
--
--结论
@broid/messenger 可以帮助我们实现前后端的 WebSocket 通信，是一款非常实用的 npm 包。在实际项目中可以尝试使用该插件，提高开发效率和用户体验。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/600562bd81e8991b448dfff1