1，前言

最近在做IOT的项目，里面有个小程序要用到AP配网，和设备做一个局域网通信。可是小程序会做安全域的校验，而局域网只能是http的协议，并且局域网没有外网（无法百度等上网冲浪），在手机没有3g/4g/5g网络下，通信可以正常进行吗？所以我做了一个调研。

2，相关资料

小程序官网原文如下：

基础库 2.4.0 提供了 wx.startLocalServiceDiscovery 等一系列 mDNS API，可以用来获取局域网内提供 mDNS 服务的设备的 IP。 wx.request/wx.connectSocket/wx.uploadFile/wx.downloadFile 的 url 参数允许为 ${IP}:${PORT}/${PATH} 的格式，当且仅当 IP 与手机 IP 处在同一网段且不与本机 IP 相同（一般来说，就是同一局域网，如连接在同一个 wifi 下）时，请求/连接才会成功。在这种情况下，不会进行安全域的校验，不要求必须使用 https/wss，也可以使用 http/ws。基础库 2.7.0 开始，提供了 wx.createUDPSocket 接口用于进行 UDP 通信。通信规则同上，仅允许同一局域网下的非本机 IP。

wx.request({url: 'http://10.9.176.40:828'
})

注：同一网段，指的是 IP 前三段相同且子网掩码也相同，比如 192.168.43.01 和 192.168.43.02。

3，实验代码

小程序写好代码，发布体验版，手机和后端连接同一个 wifi，接口地址是后端本地服务，通信成功，证明是可行的。

wx.request({url: 'http://172.168.10.xxx/api',success: (res) => {showModal({title: '温馨提示',content: JSON.stringify(res),showCancel: false})},fail: (rej) => {showModal({title: '温馨提示',content: JSON.stringify(rej),showCancel: false})}
})

如果看了觉得有帮助的，我是@鹏多多i，欢迎点赞关注评论；
END

公众号

往期文章

vue3+element-plus配置cdn
助你上手Vue3全家桶之Vue3教程
助你上手Vue3全家桶之VueX4教程
助你上手Vue3全家桶之Vue-Router4教程
超详细！Vue的九种通信方式
超详细！Vuex手把手教程
使用nvm管理node.js版本以及更换npm淘宝镜像源
vue中利用.env文件存储全局环境变量，以及配置vue启动和打包命令
超详细！Vue-Router手把手教程

个人主页

CSDN
GitHub
简书
博客园
掘金

微信小程序AP配网局域网通信相关推荐

ap配网示例，esp8266和esp32微信小程序ap配网
第一.下载程序 esp8266示例程序:: 点击下载 esp32示例程序:: 点击下载示例程序是利用arduino IDE开发: 关于arduino IDE 的ESP8266环境配置可参考:环境配置 ...
【微信小程序控制硬件13 】与硬件平台无关，微信小程序 AP 配网安信可 Wi-Fi 模块入网示例。【AT篇，附带Demo】
文章目录前言一材料准备二实现目的三配置的数据交互协议 3.1 小程序发送网络信息阶段 3.2 模组连接路由器的回调: 四配置原理和过程五设备端 AT 交互过程另外,不要把我的博客 ...
wifi模块微信小程序AP配网（UDP）
转载链接:mirrors / xuhongv / WeChatMiniAP2Net · GitCode
借鉴华为HiLink实现微信小程序智能配网功能
借鉴华为HiLink实现微信小程序智能配网功能微信小程序介绍微信公众号智能配网 Smartconfig实现原理 Smartconfig技术的弊端 AP配网技术的出现微信小程序智能配网模块端设置 ...
小程序AP配网和AK配网教程（开源）
小程序AP配网和AK配网教程(开源) 一. Airkiss配网的实现方式 Airkiss配网我们采用插件的形式,非常简单方便.感谢半颗心脏大佬的开源插件. 1. Airkiss 简介 AirKis ...
微信小程序 airkiss 配网，SmartConfig配网，ap配网教程
第一步,下载配网程序到esp8266 arduinoIDE开发: esp8266程序下载可参考:https://bemfa.blog.csdn.net/article/details/11771752 ...
【AT指令使用】安信可ESP-12S/ESP32S模组AT固件应用之微信小程序热点配网OTA升级
目录前言一.Web 服务配网二.操作过程 1.烧录带有Web服务功能的AT固件 2.Web服务配网过程 2.1 ESP-12S/ESP32-S搭建Web服务器 2.2 微信小程序部分的操作 3. ...
微信小程序-蓝牙配网功能
蓝牙配网-连接设备注:这两天接手了一个设备运维端小程序,需要在上面加一个新功能,蓝牙配网,就是通过扫描设备二维码,拿到该设备的uuid.设备名等信息,然后通过蓝牙连接上该设备并往设备中写入数据.读取 ...
微信小程序Smartconfig配网实现
SmartConfig配网小程序开发操作场景基本原理设备进入 Wi-Fi 混杂模式(promiscuous mode)以监听捕获周围的 Wi-Fi 报文.由于设备暂未联网,且 Wi-Fi 网络的 ...

微信小程序AP配网局域网通信

目录

1，前言

2，相关资料

3，实验代码

微信小程序AP配网局域网通信相关推荐

最新文章

热门文章