在Web浏览器中检测IoT设备？

最近，我从小米那里买了几个无线中继器。到目前为止，尽管它们表现稳定，但我真的不喜欢小米的应用程序。但是，我很喜欢它实际上可以在LAN和Internet上运行的想法。考虑到小米的服务器在中国，在局域网中时，它们可以快速打开和关闭。

因此，我想推出自己的基于ESP8266的继电器（我知道我可以准备好硬件，所以这是一个好处）。我的问题是，如何从网页上自动检测网络中的中继？

从“应用程序”中，我可以使用SSDP，mDNS-SD或UPNP来检测事物。但是我还没有从网络浏览器（基本上是Android上的Chrome）上找到信息。自从我将气象站的网页更改为渐进式Web应用程序以来，我就迷上了。我真的很喜欢仅作为网页而不是必须安装的应用程序的想法。而且PWA也在离线模式下填补了空白。

但是，奇怪的是，“困难的”部分（从LAN外部打开和关闭中继）很难通过MQTT服务器解决。但是我不希望不依赖外部MQTT服务器。如果我在局域网上，我想直接与中继交谈。如果不是，则通过MQTT发送命令。

我当然可以依靠服务器查询中继，但是在那种情况下，我需要Internet连接（如果我的MQTT服务器位于“云”上）或家庭托管的服务器。我确实有一个服务器，即使没有，树莓派也可以轻松填补空白。但是理想的情况是，通过LAN与设备（在这种情况下为Wifi）通信时，甚至不需要服务器。我更喜欢尽可能地保持P2P，并且仅当我在WAN上时才使用MQTT作为后备（MQTT解决了CG-NAT和端口转发的问题）。

我不知道浏览器内置的任何通用本地发现功能。实际上，我认为任何功能都是安全性极高的功能，因为它允许攻击者远程配置您的网络，除非它具有手动交互步骤来启动该网络，这确实会减慢我认为您想要的工作流程。

我可以想到两件事：

1. Chromecast的可发现性融入了Chrome。在推出之前，它曾经是一个单独的插件。但是，这仍然需要手动执行步骤，以使用户触发搜索，然后手动选择设备详细信息以传递回页面/ javascript。（这在iirc的封面下使用SSDP）

2. WebBluetooth扫描支持。这遵循与Chromecast发现类似的模型，用户必须启动扫描，然后他们必须手动从浏览器找到的设备中进行选择，这些详细信息将传递回页面中的javascript。

我已使用WebBluetooth方法发现本地电灯开关（我在pi零位上有一个BLE应用程序，用于控制Belkin WeMo灯泡https://github.com/hardillb/physical-web-lightswitch）。它可以工作，但不是无缝的，因为它需要至少两次用户交互才能发现单个设备。

尽管它不能满足您的所有本地要求，但我认为即使在本地操作时，也可以使用云代理方法，这将为用户带来更流畅的体验。

如果您在设备上具有Web界面，并通过bonjour或avahi等MDNS响应程序服务将其配置为具有MDNS主机名，则可以从功能丰富的操作系统中将浏览器指向

https：//livingroomlight.local

或您将其配置为自称的任何内容。

对于在OSX，iOS和大多数Linuces上运行的浏览器，这将是开箱即用的，所有这些浏览器都在系统级别支持MDNS主机名解析。

但是，除非您安装了附加的MDNS支持，否则这将无法在Windows上使用，尽管它可以为支持该功能的Android定制浏览器应用程序，但它不适用于现有的Android浏览器。

浏览器通常不支持发现网络上的未知实例，但通常通过操作系统API和诸如dns-sd（OSX）和avahi-browse（Linux）之类的命令行工具来支持发现未知实例。

因此，虽然似乎浏览器无法找到您的设备，但如果您只记得自己所说的设备，则可以连接到该设备，并且通过执行MDNS可能会向您显示与其所有对等设备的链接搜索本身。

或者，您可以启动终端并获得答案。为此，您可以运行一个本地守护程序，该守护程序将进行MDNS搜索，并以仅在回送界面上提供的链接页面的形式显示结果，因此其他任何计算机均无法访问。