微信小程序搜索局域网设备

最新推荐文章于 2024-08-03 16:35:32 发布

原创

最新推荐文章于 2024-08-03 16:35:32 发布 · 1.5k 阅读

4 ·

CC 4.0 BY-SA版权

文章标签：

#微信小程序 #小程序

最终目的：在微信小程序内搜索到同局域网内的其他设备

实现步骤：小程序开启 mDNS（多播 DNS）搜索 + 其他设备配置对应的 mDNS 模块

小程序开启 mDNS 搜索

使用 wx.startLocalServiceDiscovery 来开启 mDNS 搜索

<template>
  <view>
    <button @click="getLocalDevice">获取局域网设备</button>
    <!-- 打印信息 -->
    <view v-for="(item, index) in infoList" :key="index">
      {
  
  { item }}
    </view>
  </view>
</template>

<script>
  export default {
    data() {
      return {
        infoList: [],
      }
    },
    methods: {
      //获取局域网设备
      getLocalDevice() {
        // 开始搜索
        wx.startLocalServiceDiscovery({
          // 当前手机所连的局域网下有一个 _http._tcp. 类型的服务，除此之外还可以设置为 '_ssh._tcp'等，具体自己百度
          serviceType: '_http._tcp',
          success: data => {
            console.log('开启成功', data)
          },
          fail: error => {
            console.log('开启失败', error)
          },
        })