介绍
Meshblu-tentacle 是一个 npm 包，它可以让开发者创建一个 MeshBLU 浏览器扩展，使其支持从浏览器上的某一个标签页，通过 MeshBLU 协议和后端相连。这个包可以帮助开发者在 Web 应用或者浏览页面时创建类似 IoT 的设备，帮助传递数据，这些数据也可以来自第三方数据接口。这个 MeshBLU 扩展包含了一些列的 API, 可以让开发者很方便的构建包含了各种不同用例应用的 WebSocket 服务。
安装
如果你还没安装 Meshblu-tentacle，请使用如下命令进行安装：
npm install meshblu-tentacle --save
如何使用
首先，我们需要先初始化 Meshblu 实例，如下所示：
-- -------------------- ---- ------- ----- ------- - ------------------ ----- ----------- - --------------------------- ---- ------- ---- ----- ------------- - ------------------------------------- ------------------------- ----------- -------------------- ---------- ------------- -- ---------------------------- ----------- ------------------------- ---- --------- --
meshbluJSON需要填写你的 Meshblu 账号信息，通过这个 Meshblu 实例我们就可以使用 Meshblu-tentacle 提供的 API 数组进行连接和消息发送（配合 Meshblu-socket.io 使用）。
建立 Websocket 通信
创建 websocket 通信连接是使用 Meshblu-tentacle 最重要的 API，通过它，我们可以通信并发送数据。这里我举例使用 Meshblu-tentacle 的第一种建立 websocket 通信的方式
-- -------------------- ---- ------- --- --------------- - ----------------------------- --- -------- - --- ----------------- ------- ------------------------------------- -------- ---------- --------- --------------------------- --- ------------------- -------------------- ------------------------ ----------------------- -- - - -------------------- --- ---------------------- ------------------------ -------------------- ------- --------- - - ------------------------------- --- ----------------------- ----------- ----------------------------- ---
发送数据
我们可以在建立好的 WebSocket 连接上发送数据，例如：
var data = {name: 'John', age: 25}
instance.message({
devices: ['UUID'],
payload: data
})其中，UUID为接收者的唯一标识符。发送数据时，数据的内容不限，可以是任何我们希望传递的消息。
实际应用
在实际应用中，我们可以将 Meshblu 封装成前端 JavaScript 库，并且将集成了 Meshblu 的应用嵌入到自己的网站中。例如：我们可以使用 Meshblu 创建一个 IoT 视频监视应用，允许用户从网站的前端面板控制该应用。
例如：
-- -------------------- ---- -------
----- ------- - ------------------
--- ----------- - -
------- ---------------------------------------
-------- ----------
--------- ---------------------------
-
--- ------- - -------------------------------------
------------------- -----------
-------------------- ---------- -------------
--
----- ----------- -
-------------------- -
------------ - -------
-------------------------- --------- -- -
----------------------------------
--
----------------- - -----
-
----------------------------- -
-- -------------- --- ---------------- -
----------------- - ----------------------
-
-
-------------- -
----------------------
-------- -----------------------------------------
------ ----------------
--
-
-在这个例子中，我们使用 Meshblu 创建了一个 IoT 视频监视应用，并且可以在前端通过控制面板控制视频监视的开/关。通过这个例子，我们可以清楚的看到，Meshblu-tentacle 是多么的赋予前端开发者实现 IoT 应用的能力。
结语
本文为大家介绍了 npm 包 meshblu-tentacle 的使用方法，我们希望读者能够清楚的了解如何使用该 npm 包，并且在实际应用中发挥出巨大的作用。当然，在使用该 npm 包时一定要小心，防范风险，避免出现不安全的情况。最后祝愿开发者们能够在前端开发的道路上行得更远。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60066f3e1d8e776d08040ac5