这里我自己写了loading组件,可以忽略
注意:要先删除忘记WiFi,打开WiFi模块再点击才会生效,要不然会报错
基本流程:先判断手机型号,通过之后,初始化WiFi模块 that.start_wifi(命名随意),调用start_wifi在里面使用uni.startWifi初始化模块看一下是否成功,成功之后使用this. connected(命名随意),调用 connected在里面使用uni.connectWifi(连接 Wi-Fi。若已知 Wi-Fi 信息,可以直接利用该接口连接)。
<template>
<view class="content">
<view @click="content_wf">一键联网</view>
<Loading :loading='loading'></Loading>
</view>
</template>
<script>
import Loading from '../loading/index.nvue'
export default {
data() {
return {
loading: true,
}
},
onLoad() {
console.log(this.loading);
this.loadingTimeout()
},
components: {
Loading
},
methods: {
loadingTimeout() {
setTimeout(() => {
this.loading = false;
console.log(this.loading);
}, 2000);
console.log(this.loading);
},
content_wf() {
this.loading = true
console.log(this.loading);
// 获取手机型号
let that = this
console.log(that);
uni.getSystemInfo({
success: (res) => {
let system = ''
console.log("当前手机型号===>", res)
if (res.platform == 'android') {
system = parseInt(res.platform.substr(8))
}
if (res.platform == 'ios') {
system = parseInt(res.platform.substr(4))
}
if (res.platform == 'android' && system < 6) {
uni.showToast({
title: '手机版本不支持',
icon: 'none'
})
return
}
if (res.platform == 'ios' && system < 11.2) {
uni.showToast({
title: '手机版本不支持',
icon: 'none'
})
return
}
//初始wifi模块
that.start_wifi()
}
})
},
start_wifi() {
let that = this
console.log(that);
uni.startWifi({
success: (res) => {
console.log("startWifi==>", res)
that.connected()
},
fail: (error) => {
console.log(error)
uni.showToast({
title: '链接失败',
icon: 'error'
})
this.loading = false
}
})
},
connected() {
let that = this
// console.log(that);
uni.connectWifi({
SSID: '1901', //Wi-Fi 设备名称
password: 'fang12356', //Wi-Fi 密码
success: (res) => {
console.log(res);
uni.showToast({
title: "链接成功",
})
this.loading = false
},
fail: (error) => {
uni.showToast({
title: '链接失败',
icon: 'error',
})
this.loading = false
}
})
}
}
}
</script>