[Flutter] Method Channel vs Event Channel

Flutter의 Event Channel과 Method Channel 소개

Flutter는 Google이 개발한 UI 툴킷으로, 단일 코드베이스에서 모바일, 웹, 데스크톱 애플리케이션을 네이티브로 컴파일하여 개발할 수 있습니다. Dart 프로그래밍 언어를 사용하는 Flutter는 네이티브 코드와 상호작용하기 위해 Event Channel과 Method Channel이라는 두 가지 주요 메커니즘을 제공합니다. 이 채널들은 Flutter 앱과 플랫폼별 코드를 연결해 네이티브 기능을 원활히 활용할 수 있도록 합니다.

---

개요

네이티브 코드와의 상호작용

모바일 애플리케이션 개발에서는 플랫폼별 API나 서비스를 사용해야 하는 경우가 종종 있습니다. Flutter의 Event Channel과 Method Channel은 이러한 필요를 충족하기 위한 강력한 프레임워크를 제공합니다. 이를 통해 Flutter 앱에서 네이티브 코드를 통합하여 더 강력하고 유연한 애플리케이션을 개발할 수 있습니다.

---

Method Channel이란?

Method Channel은 Flutter와 네이티브 코드 간의 통신을 위해 사용됩니다. 이를 통해 Dart에서 네이티브 메서드를 호출하고 결과를 받을 수 있습니다. 주로 한 번의 요청과 응답이 필요한 경우에 적합합니다. 예를 들어, Flutter 앱이 특정 기능을 호출하고 응답을 기다리는 경우 사용됩니다.

Event Channel이란?

Event Channel은 지속적인 데이터 스트림을 처리하기 위해 설계되었습니다. 네이티브 측에서 Flutter로 데이터를 스트림 형식으로 전송할 수 있는 통신 패턴을 제공합니다. 센서 데이터나 네트워크 연결 상태와 같이 실시간 데이터 변경 사항을 수신해야 하는 경우에 유용합니다.

---

Method Channel과 Event Channel의 필요성

Flutter와 네이티브 코드 간의 간극 해소

Flutter는 광범위한 기능을 제공하지만, 특정 기능은 네이티브 API를 통해 처리하는 것이 더 적합합니다. 예를 들어, 센서 데이터 접근, 카메라, 배터리 상태 확인 또는 플랫폼별 서비스를 통합하는 작업이 이에 해당합니다. Method Channel과 Event Channel은 이러한 상호작용을 위한 다리를 제공합니다.

---

효율적인 데이터 처리

Method Channel은 한 번의 요청과 응답이 필요한 작업에 최적화되어 있어 빠르고 효율적으로 실행됩니다.
Event Channel은 지속적인 데이터 스트림에 적합하며, Flutter 앱 내에서 실시간 업데이트와 알림을 제공합니다.

---

Method Channel 구현 예제

Flutter 코드

먼저, Flutter에서 Method Channel을 생성합니다.

import 'package:flutter/services.dart';

class MethodChannelExample {
  static const platform = MethodChannel('com.example.methodchannel/sample');

  Future<void> callNativeMethod() async {
    try {
      final int result = await platform.invokeMethod('getNativeData');
      print("Result from native: $result");
    } on PlatformException catch (e) {
      print("Failed to get data: '${e.message}'");
    }
  }
}

Android 네이티브 코드 (Kotlin)

다음으로, 네이티브 Android 코드에서 해당 메서드를 구현합니다.

package com.example.methodchannel

import io.flutter.embedding.android.FlutterActivity
import io.flutter.plugin.common.MethodChannel

class MainActivity: FlutterActivity() {
    private val CHANNEL = "com.example.methodchannel/sample"

    override fun configureFlutterEngine(flutterEngine: FlutterEngine) {
        super.configureFlutterEngine(flutterEngine)
        MethodChannel(flutterEngine.dartExecutor.binaryMessenger, CHANNEL).setMethodCallHandler {
            call, result ->
            if (call.method == "getNativeData") {
                val nativeData = getNativeData()
                if (nativeData != null) {
                    result.success(nativeData)
                } else {
                    result.error("UNAVAILABLE", "Native data not available.", null)
                }
            } else {
                result.notImplemented()
            }
        }
    }

    private fun getNativeData(): Int {
        // 네이티브 데이터 로직
        return 42
    }
}

Event Channel 구현 예제

Flutter 코드

Event Channel을 사용하여 리스너를 설정합니다.

import 'package:flutter/services.dart';

class EventChannelExample {
  static const EventChannel eventChannel = EventChannel('com.example.eventchannel/sample');

  void startListening() {
    eventChannel.receiveBroadcastStream().listen((dynamic event) {
      print("Event from native: $event");
    }, onError: (dynamic error) {
      print("Error: $error");
    });
  }
}

Android 네이티브 코드 (Kotlin)

Android에서 Event Channel을 구현합니다.

package com.example.eventchannel

import io.flutter.embedding.android.FlutterActivity
import io.flutter.plugin.common.EventChannel
import java.util.*

class MainActivity: FlutterActivity() {
    private val CHANNEL = "com.example.eventchannel/sample"
    private var events: EventChannel.EventSink? = null

    override fun configureFlutterEngine(flutterEngine: FlutterEngine) {
        super.configureFlutterEngine(flutterEngine)
        EventChannel(flutterEngine.dartExecutor.binaryMessenger, CHANNEL).setStreamHandler(
            object : EventChannel.StreamHandler {
                override fun onListen(arguments: Any?, events: EventChannel.EventSink?) {
                    this@MainActivity.events = events
                    startSendingEvents()
                }

                override fun onCancel(arguments: Any?) {
                    this@MainActivity.events = null
                }
            }
        )
    }

    private fun startSendingEvents() {
        // 이벤트를 주기적으로 전송
        Timer().scheduleAtFixedRate(object : TimerTask() {
            override fun run() {
                events?.success("Event data from native")
            }
        }, 0, 1000)
    }
}

주요 사용 사례

Method Channel의 사용 사례

디바이스 정보: 배터리 수준, 시스템 버전과 같은 디바이스 정보 가져오기.
단발성 설정: 한 번의 호출과 응답이 필요한 설정 작업.
네이티브 UI 컴포넌트: 네이티브 다이얼로그 또는 알림과 같은 UI 요소와 상호작용.

Event Channel의 사용 사례

센서 데이터: 가속도계, 자이로스코프 등 디바이스 센서에서 실시간 업데이트 수신.
실시간 알림: 네이티브 서비스에서 실시간 업데이트 또는 알림 수신.
위치 업데이트: 백그라운드에서 지속적인 위치 변경 추적.

결론

Flutter의 Method Channel과 Event Channel은 네이티브 플랫폼 기능과의 통합을 위한 필수 도구입니다. 이들을 활용하면 Flutter 애플리케이션의 기능을 확장하고 사용자 경험을 크게 향상시킬 수 있습니다. Method Channel은 단발성 작업에, Event Channel은 실시간 데이터 스트림 처리에 적합합니다. 이러한 채널을 효과적으로 구현하면 더욱 강력한 애플리케이션을 개발할 수 있습니다.

출처 : https://blog.stackademic.com/understanding-event-channel-and-method-channel-in-flutter-and-dart-9134d6a8ceba