uniapp一键链接指定WiFi功能

番茄味的西红柿。

已于 2023-02-21 17:37:11 修改

阅读量2.6k

点赞数 1

文章标签： uni-app

于 2023-02-20 18:07:31 首次发布

本文链接：https://blog.csdn.net/m0_45865109/article/details/129129015

版权

本文介绍了如何在uni-app中实现一键连接指定WiFi的功能。首先需要删除已忘记的WiFi，然后开启WiFi模块。核心步骤包括自定义loading组件、初始化WiFi模块、判断手机型号以及使用uni.startWifi和uni.connectWifi接口进行连接。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

这里我自己写了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.loadingTimeo

最低0.47元/天解锁文章