Push 알림 및 FCM 설정

Firebase Cloud Messaging (FCM)?

• Google에서 제공하는 메시지 전송 서비스
• 안드로이드, iOS 및 웹 애플리케이션에 푸시 알림을 전송할 수 있도록 도와준다.
• FCM을 사용하면 앱에서 사용자에게 중요한 정보를 실시간으로 전달하고, 사용자 경험을 향상시킨다.

주요 기능?

푸시 알림 전송

• FCM을 사용하여 사용자에게 알림을 보낼 수 있다.
• 사용자에게 새로운 메시지, 업데이트 또는 이벤트 등을 알릴 수 있다.

다양한 플랫폼 지원

• 안드로이드, iOS 및 웹 애플리케이션에서 사용할 수 있다.
• 여러 플랫폼에 동일한 알림을 전송할 수 있도록 한다.

그룹 및 토픽 메시지

• 그룹 또는 토픽을 정의하고 해당 그룹 또는 토픽으로 메시지를 전송할 수 있다.
• 특정 사용자 그룹이나 관심사에 관련된 사용자에게 메시지를 보낼 수 있다.

분석 및 모니터링

• 메시지 전송의 성공률과 사용자의 반응을 추적하고 분석할 수 있는 도구를 제공한다.

---

FCM 토큰을 얻고 푸시 알림을 보내는 과정

• FCM 설정 및 연동이 완료

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

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

class MyApp extends StatefulWidget {
  @override
  _MyAppState createState() => _MyAppState();
}

class _MyAppState extends State<MyApp> {
  String _token = '';

  @override
  void initState() {
    super.initState();
    _initFCM();
  }

  // FCM 초기화 및 토큰 얻기
  void _initFCM() {
    FirebaseMessaging.instance.getToken().then((token) {
      setState(() {
        _token = token ?? 'FCM 토큰을 찾을 수 없습니다.';
      });
    });

    FirebaseMessaging.onMessage.listen((RemoteMessage message) {
      print('백그라운드 또는 포그라운드에서 메시지 수신: ${message.notification?.body}');
      // 여기서 푸시 알림을 처리할 수 있습니다.
    });

    FirebaseMessaging.onMessageOpenedApp.listen((RemoteMessage message) {
      print('앱이 실행 중일 때 메시지 수신: ${message.notification?.body}');
      // 여기서 앱이 실행 중일 때 푸시 알림을 처리할 수 있습니다.
    });
  }

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(
          title: Text('FCM 푸시 알림 테스트'),
        ),
        body: Center(
          child: Column(
            mainAxisAlignment: MainAxisAlignment.center,
            children: [
              Text('FCM 토큰: $_token'),
              ElevatedButton(
                onPressed: () {
                  // 푸시 알림 보내기
                  _sendPushNotification();
                },
                child: Text('푸시 알림 보내기'),
              ),
            ],
          ),
        ),
      ),
    );
  }

  // 푸시 알림 보내기
  void _sendPushNotification() {
    // 푸시 알림을 보내는 서버 쪽 코드가 여기에 위치합니다.
    // Firebase 콘솔 또는 클라우드 함수 등을 사용하여 푸시 알림을 보낼 수 있습니다.
  }
}

위 코드에서 푸시 알림을 보내기 위한 서버 쪽 코드는 구현되어 있지 않다. 따라서 푸시 알림을 보내는 부분은 실제 서비스에서 구현해야 한다.

---

발생했던 오류

푸시 알림이 도착하지 않는 오류

푸시 알림이 도착하지 않습니다.

void _initFCM() {
  FirebaseMessaging.onMessage.listen((RemoteMessage message) {
    print('백그라운드 또는 포그라운드에서 메시지 수신: ${message.notification?.body}');
    showDialog(
      context: context,
      builder: (_) => AlertDialog(
        title: Text('새로운 알림'),
        content: Text(message.notification?.body ?? ''),
      ),
    );
  });

  FirebaseMessaging.onMessageOpenedApp.listen((RemoteMessage message) {
    print('앱이 실행 중일 때 메시지 수신: ${message.notification?.body}');
    // 앱이 실행 중일 때 푸시 알림을 처리하는 코드를 추가합니다.
  });
}

• `.onMessage.listen` 및 `.onMessageOpenedApp.listen` 메서드를 사용하여 푸시 알림을 처리하는 코드를 추가했다.