介绍
fake-autobahnjs 是一个基于 autobahnjs 的模拟客户端库，用于在开发阶段模拟 WebSocket 客户端与服务端通信。它能够替代 autobahnjs，使得前端开发人员在没有后端服务的情况下，依然可以进行开发和调试。
它非常适合那些想要扩展现有 autobahnjs 功能的团队以及那些还没有成熟后端服务的团队。
功能
- 模拟 WebSocket 客户端和服务端通信
- 支持各种 WebSocket 连接状态和错误信息
- 自定义 mock 数据
- 支持消息订阅和发布
安装
在项目根目录下，使用 npm 安装 fake-autobahnjs:
npm install fake-autobahnjs --save-dev
使用
首先，我们需要定义我们的 Autobahn 会话，然后使用 fake-autobahnjs 中的 fakeSession 替换掉 autobahn.Session:
-- -------------------- ---- ------- ------------------------------- ------ - ----------- - ---- ----------------- -------------- ----- ------- - --- ------------------ ---- ---------------------- ------ -------- -- --------------------------------- ----- ------- - --- ------------- ---- ---------------------- ------ -------- --
通过这种方式，我们可以将 fakeSession 当成一个普通 WebSocket 客户端使用。这里，我们提供了一个 ws://localhost:8080 的 WebSocket 服务地址和一个 realm1 的 websocket realm。
现在，我们可以像与普通 WebSocket 客户端一样使用 fakeSession。例如，我们可以发布一个事件:
const fakeSession = new fakeSession({
url: 'ws://localhost:8080',
realm: 'realm1'
})
fakeSession.onopen = (session, details) => {
session.publish('com.myapp.hello', ['Hello, world!', 0])
}这里我们发布了一个名为 "com.myapp.hello" 的事件，并传递了一个包含两个参数的数组。第一个参数是一个字符串 "Hello, world!"，第二个参数是一个数字 0。
自定义 mock 数据
我们可以使用 fake-autobahnjs 提供的 createMock 方法自定义 mock 数据。例如：
-- -------------------- ---- -------
----- ----------- - --- -------------
---- ----------------------
------ ---------
------ --
---- ------------------
--------- -------- -------- --
--
--
------------------ - --------- -------- -- -
---------------------------------------- -- -
----------------
--
-在这个示例中，我们将使用 createMock 定义一个 "com.myapp.hello" 的 rcp 方法。它将返回一个字符串 "Hello, world!" 和数字 0。
在测试中，你就可以通过调用 "com.myapp.hello" 方法获得预定义好的数据。
结论
fake-autobahnjs 是一个非常有用的工具，它可以帮助开发人员独立于后端服务进行开发和测试，而不会影响应用程序的性能和可用性。我们希望本文对你有帮助，并鼓励你在自己的项目中使用 fake-autobahnjs。
示例代码
-- -------------------- ---- -------
-------------------------------
------ - ----------- - ---- -----------------
--------------
----- ------- - --- ------------------
---- ----------------------
------ --------
--
---------------------------------
----- ----------- - --- -------------
---- ----------------------
------ --------
--
-- -- ---
------------------ - --------- -------- -- -
---------------------------------------- -- -
----------------
--
-
-- -------
------------------ - --------- -------- -- -
------------------------------------ ------ ------- -------- -- -
----------------- ------- --------
--
---------------------------------- -------- -------- ---
-
-- ----- ---- --
----- ----------- - --- -------------
---- ----------------------
------ ---------
------ --
---- ------------------
--------- -------- -------- --
--
--来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/600566bd81e8991b448e309a