微信小程序如何实现进入小程序自动连WiFi功能

简介: 微信小程序如何实现进入小程序自动连WiFi功能

先上代码


<template>
  <view class="home">
    <button class="home-but" @click="authorizeLocation">扫码连WIFI</button>
  </view>
</template>
 
<script>
  export default {
    data() {
      return {}
    },
    onLoad() {
 
    },
    methods: {
      authorizeLocation() {
        uni.authorize({
          scope: 'scope.userLocation',
          success: () => {
            // 用户授权成功后,开始连接WiFi
            this.startWifi();
          },
          fail: () => {
            uni.showToast({
              title: '位置信息授权失败',
              icon: 'none'
            });
          }
        });
      },
      // 开启WiFi模块
      startWifi() {
        uni.startWifi({
          success: (success) => {
            console.log("success", success)
            this.detectionWifi();
          },
          fail: (err) => {
            console.log("开启WiFi模块失败", err);
            // 开启WiFi模块失败后的处理逻辑
          }
        });
      },
      // 检测当前是否链接该网络
      detectionWifi() {
        wx.getConnectedWifi({
          success: (res) => {
            console.log(res);
            if(res.wifi.SSID === 'dlbsx_3'){
              uni.showToast({
                title: '请勿重复连接'
              })
              return;
            }else{
              this.linkWifi();
            }
          },
          fail: (err) => {
            console.log(err);
            this.linkWifi();
          }
        })
      },
      // 连接wifi
      linkWifi(){
        uni.showLoading({
          title: '连接中...'
        })
        uni.connectWifi({
          SSID: '',  //wifi名称
          //BSSID:'你的设备唯一值',//Wi-Fi 设备 BSSID 
          password: '', // 这里需要用户输入真实的WiFi密码
          success: () => {
            // console.log("WiFi连接成功");
            // 连接成功后的处理逻辑
            uni.showToast({
              title: 'WiFi连接成功'
            })
          },
          fail: (err) => {
            // console.log("WiFi连接失败", err);
            // 连接失败后的处理逻辑
            uni.showToast({
              title: 'WiFi连接失败'
            })
          }
        });
      }
    }
  }
</script>
 
<style>
  .home {
    width: 100%;
  }
 
  .home-but {
    width: 50%;
    height: 80rpx;
    margin-top: 100rpx;
    background-color: #1989FA;
    color: #FFFFFF;
    letter-spacing: 5rpx;
    line-height: 80rpx;
    outline: none;
    box-shadow: 2px 2px 5px #eeeeee;
  }
</style>


相关文章
|
3天前
|
JavaScript Java 测试技术
微信点餐小程序+springboot+vue.js附带文章和源代码设计说明文档ppt
微信点餐小程序+springboot+vue.js附带文章和源代码设计说明文档ppt
11 0
|
2天前
|
JavaScript Java 测试技术
基于微信平台健身小助手小程序的+ssmt+vue.js附带文章和源代码设计说明文档ppt
基于微信平台健身小助手小程序的+ssmt+vue.js附带文章和源代码设计说明文档ppt
10 2
|
2天前
|
JavaScript Java 测试技术
微信智能招聘小程序设计+ssmvue.js附带文章和源代码设计说明文档ppt
微信智能招聘小程序设计+ssmvue.js附带文章和源代码设计说明文档ppt
8 1
|
2天前
|
JavaScript Java 测试技术
微信点餐系统小程序ssm+vue.js附带文章和源代码设计说明文档ppt
微信点餐系统小程序ssm+vue.js附带文章和源代码设计说明文档ppt
8 2
|
2天前
|
JavaScript Java 测试技术
基于微信平台的报刊订阅小程序+springboot+vue.js附带文章和源代码设计说明文档ppt
基于微信平台的报刊订阅小程序+springboot+vue.js附带文章和源代码设计说明文档ppt
10 2
|
2天前
|
JavaScript Java 测试技术
微信社团小程序ssmt+vue.js附带文章和源代码设计说明文档ppt
微信社团小程序ssmt+vue.js附带文章和源代码设计说明文档ppt
10 1
|
2天前
|
JavaScript Java 测试技术
基于小程序的教育培训微信小程序ssm+springboot+vue.js附带文章和源代码设计说明文档ppt
基于小程序的教育培训微信小程序ssm+springboot+vue.js附带文章和源代码设计说明文档ppt
11 1
|
2天前
|
JavaScript Java 测试技术
基于小程序的基于微信小程序的外卖点餐系统
基于小程序的基于微信小程序的外卖点餐系统
8 1
|
2天前
|
JavaScript Java 测试技术
微信小程序评分小程序+springboot+vue.js附带文章和源代码设计说明文档ppt
微信小程序评分小程序+springboot+vue.js附带文章和源代码设计说明文档ppt
7 0
|
2天前
|
JavaScript Java 测试技术
基于微信的垃圾分类小程序+springboot+vue.js附带文章和源代码设计说明文档ppt
基于微信的垃圾分类小程序+springboot+vue.js附带文章和源代码设计说明文档ppt
6 0