[flutter] 플러터(Flutter)앱에 알림 기능 추가하기

18 Dec 2023

flutter

모바일 애플리케이션에서 알림 기능은 사용자 경험을 향상시키고 앱에 대한 상호작용을 증가시키는 데 중요합니다. 플러터(Flutter)를 사용하면 간단하게 알림 기능을 추가할 수 있습니다. 이번 포스트에서는 플러터 앱에 알림 기능을 추가하는 방법에 대해 알아보겠습니다.

1. 알림 패키지 추가

먼저, 플러터 프로젝트에 알림을 추가하기 위해 flutter_local_notifications 패키지를 사용합니다. 이 패키지를 추가하기 위해서는 pubspec.yaml 파일에 아래와 같이 패키지를 추가합니다.

dependencies:
  flutter_local_notifications: ^x.x.x  # 최신 버전을 확인하여 사용하세요.

패키지를 추가한 후에는 flutter pub get 명령어를 실행하여 패키지를 다운로드하고 프로젝트에 적용합니다.

2. 알림 설정 구현

이제 알림을 발생시키기 위한 설정을 구현해야 합니다. 먼저, 인증 요청과 권한 요청을 처리해야 합니다.
아래는 Android와 iOS에서 각각 알림 권한을 확인하고 설정하는 예제 코드입니다.

import 'package:flutter_local_notifications/flutter_local_notifications.dart';

Future<void> requestNotificationPermission() async {
  var android = AndroidNotificationDetails(
    'channelId',
    'channelName',
    'channelDescription',
    importance: Importance.max,
  );
  var iOS = IOSNotificationDetails();
  var platform = NotificationDetails(android: android, iOS: iOS);
  await flutterLocalNotificationsPlugin.resolvePlatformSpecificImplementation<AndroidFlutterLocalNotificationsPlugin>()
    ?.createNotificationChannel(AndroidNotificationChannel(
      'channelId',
      'channelName',
      'channelDescription',
      importance: Importance.max,
      playSound: true,
      enableVibration: true,
    ));
  await flutterLocalNotificationsPlugin.show(
    0,
    'Notification Title',
    'Notification Body',
    platform,
  );
}

3. 트리거 설정

알림을 발생시키기 위해 트리거 설정을 구현해야 합니다. 예를 들어, 특정 시간에 알림을 표시하도록 설정하거나, 특정 이벤트에 반응하여 알림을 표시하는 등의 동작을 구현할 수 있습니다.

알림을 표시할 때는 flutter_local_notifications 패키지의 메서드를 사용하여 트리거를 설정하고 알림을 표시할 수 있습니다.

4. 알림 수신 처리

사용자가 알림을 클릭했을 때 혹은 알림을 수락했을 때 수행할 작업을 정의해야 합니다. 이를 위해 flutter_local_notifications 패키지에서 제공하는 메서드를 사용하여 알림 수신 시의 동작을 구현할 수 있습니다.

알림 수신을 처리하는 코드의 예시는 아래와 같습니다.

void flutterLocalNotificationPlugin.initialize(
  initializationSettings,
  onSelectNotification: (String? payload) async {
    if (payload != null) {
      debugPrint('notification payload: $payload');
    }
    // 알림을 클릭했을 때 수행할 동작을 여기에 작성합니다.
  }
);

결론

플러터(Flutter)를 사용하여 간편하게 앱에 알림 기능을 추가하는 방법에 대해 알아보았습니다. flutter_local_notifications 패키지를 사용하면 다양한 플랫폼에서 유연하게 알림을 표시하고 관리할 수 있습니다.

더 많은 기능을 추가하고자 하는 경우에는 해당 패키지의 공식 문서를 참고하시기 바랍니다.

참고 자료:

flutter_local_notifications 패키지 공식 문서