[flutter] 플러터를 사용하여 Wi-Fi 연결 설정하는 방법

04 Dec 2023

flutter

이번 글에서는 플러터(Flutter)를 사용하여 Wi-Fi 연결 설정을 하는 방법에 대해 알아보겠습니다.

1. 플러터 Wi-Fi 패키지 설치

Wi-Fi 연결 설정을 위해 플러터 Wi-Fi 패키지를 설치해야 합니다. pubspec.yaml 파일에 다음과 같이 패키지를 추가해주세요.

dependencies:
  wifi_flutter: ^1.0.0

그리고 패키지를 가져오기 위해 다음과 같이 import 구문을 추가해주세요.

import 'package:wifi_flutter/wifi_flutter.dart';

2. Wi-Fi 연결 설정 페이지 생성

main.dart 파일에 Wi-Fi 연결 설정 페이지를 생성하는 코드를 작성해봅시다.

import 'package:flutter/material.dart';
import 'package:wifi_flutter/wifi_flutter.dart';

void main() {
  runApp(MyApp());
}

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Wi-Fi 설정',
      theme: ThemeData(primarySwatch: Colors.blue),
      home: WifiSettingsPage(),
    );
  }
}

class WifiSettingsPage extends StatefulWidget {
  @override
  _WifiSettingsPageState createState() => _WifiSettingsPageState();
}

class _WifiSettingsPageState extends State<WifiSettingsPage> {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('Wi-Fi 설정'),
      ),
      body: Center(
        child: Column(
          mainAxisAlignment: MainAxisAlignment.center,
          children: [
            RaisedButton(
              child: Text('Wi-Fi 연결'),
              onPressed: () {
                connectToWifi();
              },
            ),
          ],
        ),
      ),
    );
  }
  
  // Wi-Fi 연결 함수
  void connectToWifi() {
    WifiFlutter.connect(ssid: 'YourWiFi', password: 'YourPassword').then((value) {
      if (value) {
        showDialog(
          context: context,
          builder: (context) {
            return AlertDialog(
              title: Text('Wi-Fi 연결 성공'),
              content: Text('Wi-Fi가 연결되었습니다.'),
              actions: [
                FlatButton(
                  child: Text('확인'),
                  onPressed: () {
                    Navigator.pop(context);
                  },
                ),
              ],
            );
          },
        );
      } else {
        showDialog(
          context: context,
          builder: (context) {
            return AlertDialog(
              title: Text('Wi-Fi 연결 실패'),
              content: Text('Wi-Fi 연결에 실패했습니다.'),
              actions: [
                FlatButton(
                  child: Text('확인'),
                  onPressed: () {
                    Navigator.pop(context);
                  },
                ),
              ],
            );
          },
        );
      }
    });
  }
}

위 코드에서 main.dart 파일은 앱의 진입점입니다. WifiSettingsPage 클래스는 Wi-Fi 연결 설정 페이지를 구현하는데 사용됩니다. 페이지에는 ‘Wi-Fi 연결’ 버튼이 있으며, 이 버튼을 누르면 connectToWifi 함수가 호출되어 Wi-Fi를 연결합니다. 연결 결과에 따라 다이얼로그가 나타납니다.

위 코드에서 ssid와 password에는 자신의 Wi-Fi 이름과 비밀번호를 입력해야 합니다.

3. 앱 실행

플러터 개발 환경이 준비되었고 Wi-Fi 연결 설정 페이지를 구현했다면, 앱을 실행해봅시다. Wi-Fi 연결 설정 페이지가 뜨고 ‘Wi-Fi 연결’ 버튼을 클릭하면 Wi-Fi에 연결됩니다. 연결 성공/실패에 따라 다이얼로그가 나타나게 됩니다.

참고 자료

flutter_wifi - Flutter Wi-Fi 패키지
Flutter - Flutter 공식 사이트

플러터를 사용하여 Wi-Fi 연결 설정하는 방법을 알아봤습니다. 이를 통해 안드로이드 또는 iOS 앱에서 편리하게 Wi-Fi 연결 설정을 구현할 수 있습니다. 문제가 있거나 추가적인 도움이 필요하다면 위의 참고 자료를 확인해보세요.