微信小程序如何实现进入小程序自动连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>


相关文章
|
5天前
|
存储 小程序 前端开发
【微信小程序 - 工作实战分享】1.微信小程序发送手机短信验证码(阿里云)
【微信小程序 - 工作实战分享】1.微信小程序发送手机短信验证码(阿里云)
12 0
|
13天前
|
JavaScript Java 测试技术
基于SpringBoot+Vue+uniapp的微信食堂线上订餐小程序的详细设计和实现(源码+lw+部署文档+讲解等)
基于SpringBoot+Vue+uniapp的微信食堂线上订餐小程序的详细设计和实现(源码+lw+部署文档+讲解等)
|
18天前
|
小程序 前端开发 JavaScript
微信外卖小程序
微信外卖小程序
|
18天前
|
小程序 前端开发 JavaScript
微信小程序|英语学习交流平台小程序
微信小程序|英语学习交流平台小程序
|
18天前
|
小程序 前端开发 JavaScript
微信小程序|springboot“口腔助手”小程序的设计与实现
微信小程序|springboot“口腔助手”小程序的设计与实现
|
11天前
|
小程序 前端开发 Android开发
Android企业微信分享到小程序
Android企业微信分享到小程序
14 0
|
13天前
|
小程序 JavaScript Java
基于SpringBoot+Vue+uniapp的微信小程序评分小程序的详细设计和实现(源码+lw+部署文档+讲解等)
基于SpringBoot+Vue+uniapp的微信小程序评分小程序的详细设计和实现(源码+lw+部署文档+讲解等)
|
18天前
|
小程序 前端开发 JavaScript
微信小程序|智慧物流小程序的设计与实现
微信小程序|智慧物流小程序的设计与实现
|
27天前
|
小程序 JavaScript Java
基于SpringBoot+Vue+uniapp微信小程序的智慧旅游平台开发微信小程序的详细设计和实现
基于SpringBoot+Vue+uniapp微信小程序的智慧旅游平台开发微信小程序的详细设计和实现
40 8
|
5天前
|
存储 JSON 测试技术
【cocos 2d微信小游戏开发教程】基础使用笔记分享(三)
【cocos 2d微信小游戏开发教程】基础使用笔记分享(三)
4 0