[flutter] 플러터 스택드 위젯에서 푸시 알림 기능 추가하는 방법

푸시 알림은 모바일 애플리케이션의 중요한 기능 중 하나입니다. 푸시 알림을 통해 사용자들에게 정보를 전달하고 앱 사용을 촉진하는데 도움이 됩니다.

이 포스트에서는 플러터 앱푸시 알림 기능을 추가하는 방법에 대해 알아보겠습니다.

1. Firebase 프로젝트 설정

먼저, Firebase 콘솔에서 새로운 프로젝트를 생성하고, Cloud Messaging을 활성화해야 합니다. Firebase 콘솔에서 제공되는 안내에 따라 프로젝트를 설정합니다.

2. Firebase 플러그인 추가

pubspec.yaml 파일에 Firebase 플러그인을 추가합니다.

dependencies:
  firebase_core: ^1.10.0
  firebase_messaging: ^11.2.6

이후, 터미널에서 flutter pub get 명령어를 실행하여 변경 사항을 업데이트합니다.

3. 푸시 알림 처리

Android의 경우, AndroidManifest.xml 파일에 푸시 알림 수신을 위한 설정을 추가해야 합니다.

<service android:name="io.flutter.plugins.firebase.messaging.FlutterFcmService" android:exported="true">
  <intent-filter>
    <action android:name="com.google.firebase.MESSAGING_EVENT" />
  </intent-filter>
</service>

iOS의 경우, AppDelegate.swift 파일에 알림 수신을 처리하는 코드를 추가해야 합니다.

푸시 알림을 받기 위한 로직을 구현하여 적절한 화면에 알림을 표시할 수 있습니다.

4. 알림 표시

firebase_messaging 플러그인을 사용하여 알림을 수신하고 처리할 수 있습니다.

앱이 실행 중일 때 알림을 수신하면, 사용자에게 알림을 표시합니다. 앱이 백그라운드나 종료 상태일 때 알림이 수신되면, 시스템이 알림을 표시합니다.

마치며

위의 단계를 따라 하면, 플러터 스택드 위젯에서 푸시 알림 기능을 구현할 수 있습니다. 이를 통해 앱의 사용자들에게 중요한 정보나 이벤트를 쉽게 전달할 수 있습니다.

푸시 알림을 통해 앱의 사용성을 향상시키고 사용자들에게 더 나은 경험을 제공할 수 있습니다.

참고 자료