Flutter智能设备配置插件flutter_esptouch的使用

本篇文章将详细介绍如何在Flutter项目中使用flutter_esptouch插件来实现智能设备的WiFi配置。通过本文的步骤和示例代码，您可以快速上手并完成相关功能。

EspTouchFlutter

乐刷WiFi配网 flutter

esptouch_flutter

esptouch_flutter 是一个用于通过Flutter实现智能设备WiFi配网的插件。它支持ESP8266和ESP32芯片的设备，并提供了简单的API接口来完成WiFi网络的连接和配置。

Getting Started

使用步骤

1. 添加依赖
   在pubspec.yaml文件中添加flutter_esptouch依赖：

   dependencies:
     flutter_esptouch: ^0.1.0
   

2. 初始化插件
   初始化插件以获取当前设备的WiFi信息。

3. 连接WiFi
   使用EsptouchFlutter.connectWifi方法连接到指定的WiFi网络。

示例代码

以下是一个完整的示例代码，展示如何使用flutter_esptouch插件进行WiFi配置。

import 'dart:async';

import 'package:flutter_esptouch/flutter_esptouch.dart'; // 引入插件
import 'package:flutter/material.dart';
import 'package:flutter/services.dart'; // 引入平台消息

void main() {
  runApp(MyApp()); // 启动应用
}

class MyApp extends StatefulWidget {
  [@override](/user/override)
  _MyAppState createState() => _MyAppState(); // 创建状态管理类
}

class _MyAppState extends State<MyApp> {
  String _platformVersion = 'Unknown'; // 平台版本
  Map wifiInfo = Map(); // 存储WiFi信息

  [@override](/user/override)
  void initState() {
    super.initState();
  }

  // 获取当前设备的WiFi信息
  Future<void> getWifiInfo() async {
    Map? result = await EsptouchFlutter.wifiInfo; // 调用插件方法
    setState(() {
      wifiInfo = result ?? {}; // 更新WiFi信息
    });
  }

  // 连接WiFi
  Future<void> initPlatformState() async {
    try {
      bool connected = await EsptouchFlutter.connectWifi(
        wifiInfo['mSsid'], // WiFi名称
        wifiInfo['mBssid'], // WiFi MAC地址
        "admin123", // WiFi密码
      );
      if (connected) {
        print("WiFi连接成功！");
      } else {
        print("WiFi连接失败！");
      }
    } on PlatformException {} // 捕获异常
  }

  [@override](/user/override)
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(
          title: const Text('WiFi配置示例'), // 设置标题
        ),
        body: Column(
          children: [
            // 显示WiFi信息
            InkWell(
              onTap: () {
                getWifiInfo(); // 获取WiFi信息
                print("获取WiFi信息");
              },
              child: Container(
                color: Colors.red,
                child: Container(
                  height: 100,
                  width: 100,
                  child: Text('WiFi信息: ${this.wifiInfo}'),
                ),
              ),
            ),
            SizedBox(height: 100), // 添加间距
            // 连接WiFi按钮
            InkWell(
              onTap: () {
                initPlatformState(); // 连接WiFi
                print("尝试连接WiFi");
              },
              child: Container(
                color: Colors.red,
                child: Center(
                  child: Text(
                    '连接WiFi\n$_platformVersion\n${wifiInfo}',
                  ),
                ),
              ),
            ),
          ],
        ),
      ),
    );
  }
}