扫码进入微信小程序使用WIFI进行UDP通信发送消息

项目前提:液晶屏不可操作无网络但是有热点,需要通过扫液晶屏上的二维码进入微信小程序配置连接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){
   
  • 4
    点赞
  • 6
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值