项目前提:液晶屏不可操作无网络但是有热点,需要通过扫液晶屏上的二维码进入微信小程序配置连接WIFI
业务逻辑:手机扫码进入微信小程序,登录页面输入登录密码进入配置WIFI页面,配置WIFI页面输入当前手机连接的 WIFI密码,点击‘点击配网’按钮连接液晶屏热点,并通过UDP把刚才连接的WIFI的SSID和密码发送到指定端口,液晶屏接收到SSID和密码连接到指定WIFI完成配网
登录页面wxml
<input type="text" placeholder="请输入登录密码" class='first_ipt' bindinput="login_pwd" value="{
{login_pwd}}"></input>
<button type="default" bindtap="login" class='login_btn'>请确保已经连接2.4G频率WIFI</button>
<mp-toptips msg="{
{msg}}" type="{
{MsgType}}" show="{
{msg}}"></mp-toptips>
.first_ipt{
width: 500rpx;
height: 100rpx;
border: 1rpx solid #f4f4f4;
margin: 50% auto 50rpx;
text-align: center;
}
.login_btn{
width: 600rpx!important;
font-size: 18px;
}
const app = getApp()
var that
// 获取位置权限点了拒绝,下次一直点获取都获取失败
Page({
data: {
ipdPASD:'',
ipdSSID:'',
login_pwd:'',
// 弹框
dialogShow: false,
// toptips
msg: '',
MsgType:'',
},
// 监听登录密码输入框输入
login_pwd: function(e) {
this.setData({
login_pwd: e.detail.value
})
console.log(this.data.login_pwd)
},
login:function(){
var login_pwd = this.data.login_pwd
var that = this
if( login_pwd != '123'){
this.setData({
MsgType: 'false',
msg: '登录密码错误'
})
}else{
wx.startWifi({
success: function(res) {
//请求成功连接Wifi
console.log('初始化 Wi-Fi 模块')
wx.getConnectedWifi({
success: function(e){