前言
在当今互联网高速飞跃的日子里，Web 技术也在逐渐强大，前端构建日趋复杂。在这个过程中，我们常常会遇到各种开发难题，收集并应用现有的工具成为了不可避免的选择。而 npm 包 @rhar/bonjour-browser 就是其中一个优秀的选择。本文旨在介绍如何使用 @rhar/bonjour-browser 解决局域网内设备的发现与通讯以及实现一些实际应用。
什么是 @rhar/bonjour-browser？
@rhar/bonjour-browser 是一个基于 bonjour 协议的 npm 包。它允许在局域网内通过约定的服务名来发现和访问设备，同时支持自定义多种服务，使得不同设备能够建立通讯，完成数据交换。
安装
首先，我们需要安装 @rhar/bonjour-browser：
npm install --save @rhar/bonjour-browser
使用 @rhar/bonjour-browser
在使用 @rhar/bonjour-browser 之前，我们需要声明一些常量以便后续使用：
const bonjour = require('@rhar/bonjour-browser'),
serviceName = 'myService',
serviceType = 'SSH',
servicePort = 22,
serviceMeta = {
'description': 'my service',
'ip': '192.168.0.1'
}接下来，我们需要使用 bonjour.create() 方法创建 bonjour 实例：
const rbonjour = bonjour.create();
在局域网内注册服务：
const service = rbonjour.publish({name: serviceName, type: serviceType, port: servicePort, txt: serviceMeta});在局域网内查找服务：
rbonjour.find({type: serviceType}, function (service) {
console.log('Found service:', service);
});停止服务：
service.stop();
关闭 bonjour 实例：
rbonjour.destroy();
实际应用
在实际应用中，我们可以用 @rhar/bonjour-browser 完成一些有用的功能，比如：
局域网内的设备发现与通讯
假设我们现在需要在一个局域网内查找一个数据库服务，并与之建立连接，我们可以这样做：
-- -------------------- ---- -------
----- -------- - -----------------
----------- - --------------
----------- - -------
----------- - -----
----------- - -
-------------- --- ---------- -------- ---------
----- -------------
--
--- --------
------- - ----------------------- ------------ ----- ------------ ----- ------------ ---- --------------
-------------------- ------------- -------- --------- -
------------------ --------------- -- ----------------------------------
-- ------------
---
-- --------- ------- --这段代码可以很方便地让我们实现局域网内的服务发现及连接。
Web 应用中跨设备传输数据
假设我们有一个 Web 应用需要在多个不同设备之间进行协同操作，而这些设备又处于同一局域网内。此时，我们可以用 @rhar/bonjour-browser 建立一组自定义服务，允许设备之间进行数据交换。
-- -------------------- ---- -------
-- -- -
----- -------- - -----------------
----------- - ------------------
----------- - ---------------
----------- - ---
----------- - -
-------------- --- ------ --------
--
--- --------
------- - ----------------------- ------------ ----- ------------ ----- ------------ ---- --------------
-- -- -
-------------------- ------------- -------- --------- -
------------------ --------------- -- ----------------------------------
-- ------- - -----------
---
-- --------- ------- --这段代码可以让我们实现一个简单的设备间数据交换，使得 Web 应用可以在多个设备之间进行协同操作，从而提高协作效率。
总结
@rhar/bonjour-browser 是一个基于 bonjour 协议的 npm 包，可以帮助我们在局域网内实现服务的发现与通讯。本文介绍了如何使用 @rhar/bonjour-browser，包括安装和实际应用，希望能够帮助读者在实际开发中遇到类似问题时得到帮助。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6005674181e8991b448e3c59