[flutter] 플러터(Flutter)에서 푸시 알림 기능 구현하기

18 Dec 2023

flutter

푸시 알림은 사용자에게 중요한 정보나 새로운 업데이트에 대해 알려주는 중요한 기능입니다. 플러터(Flutter) 앱에서 푸시 알림을 구현하는 방법을 알아보겠습니다.

1. Firebase 프로젝트 설정

먼저, Firebase 콘솔에서 앱에 대한 프로젝트를 설정해야 합니다. Firebase 콘솔에서 앱을 추가하고, Cloud Messaging을 활성화하여 서버 키와 발신자 ID를 가져옵니다.

2. 플러그인 추가

푸시 알림을 플러터 앱에 추가하기 위해서는, firebase_messaging 플러그인을 pubspec.yaml 파일에 추가해야 합니다.

dependencies:
  firebase_messaging: ^10.0.0

이후, 터미널에서 flutter pub get 명령어를 실행하여 플러그인을 설치합니다.

3. 코드 구현

푸시 알림을 수신하고 처리하기 위해, FirebaseMessaging을 사용하여 플러터 앱에 필요한 코드를 추가해야 합니다. 아래 예제는 앱이 실행 중일 때 푸시 알림을 처리하는 방법을 보여줍니다.

import 'package:firebase_messaging/firebase_messaging.dart';

void main() async {
  WidgetsFlutterBinding.ensureInitialized();
  FirebaseMessaging.onBackgroundMessage(_firebaseMessagingBackgroundHandler);
  runApp(MyApp());
}

Future<void> _firebaseMessagingBackgroundHandler(RemoteMessage message) async {
  // Handle background message
}

class MyApp extends StatelessWidget {
  final FirebaseMessaging _firebaseMessaging = FirebaseMessaging.instance;

  @override
  void initState() {
    super.initState();
    _firebaseMessaging.configure(
      onMessage: (Map<String, dynamic> message) async {
        // Handle foreground message
      },
      onLaunch: (Map<String, dynamic> message) async {
        // Handle notification tap when app is terminated
      },
      onResume: (Map<String, dynamic> message) async {
        // Handle notification tap when app is in background
      },
    );
  }
  // Other app code
}

4. 푸시 알림 테스트

모든 코드를 구현한 후, Firebase 콘솔에서 푸시 알림을 보내어 플러터 앱이 정상적으로 푸시 알림을 수신하는지 확인해야 합니다.

이제 위의 단계를 따라하면 플러터 앱에서 손쉽게 푸시 알림을 구현할 수 있습니다. 푸시 알림을 통해 사용자에게 중요한 정보를 전달하고 앱의 사용성을 향상시킬 수 있습니다.

더 자세한 정보는 플러터 Firebase 푸시 알림 공식 문서를 참고하세요.