[iOS/Swift] Firebase Remote Notification 정리

Apple Develper Site Setting

1. APNs key 준비

Apple Developer 사이트 > 왼쪽 메뉴 > Keys 선택

---

Keys +  버튼을 눌러 새로운 키 등록

---

Apple Push Notification service 버튼을 누르고, key name을 지정

Continue 버튼이 활성화 되면 눌러 줌

 

정보를 확인한 뒤 Register을 눌러 키를 등록함

 

2. Key ID 확인

인증 키의 Key ID 확인

추후 Firebase 설정 시 필요함

 

3. Team ID 확인

apple developer 인증서, 식별자 및 프로파일 관리 페이지에서 오른쪽 상단에 팀 아이디가 나와 있지만 해당 사이트로도 확인 가능

로그인 - Apple

로그인 후 스크롤 하게 되면 멤버십 세부 사항 섹션이 있고 여기서 팀 ID를 확인 할 수 있음

---

Firebase Setting

iOS 플랫폼 선택 후 앱 등록 정보 입력

---

GoogleService info plist 파일을 프로젝트에 포함 시킴

개발과 운영의 번들 아이디가 다르다면 위와 같이 분리하여 폴더에 담아줌

 

 

 

---

프로젝트 메인 페이지에서 등록해 준 앱의 톱니 바퀴 버튼을 눌러 설정 페이지로 이동

 

 

 

 

 

 

---

클라우드 메세징 탭 진입

---

설정할 앱을 선택하고 APN 인증 키 세션에서 업로드 버튼 클릭

---

이전 단계에서 생성 해 둔 key와 키 ID, 팀 ID를 작성 한 후 업로드 버튼을 눌러 설정 완료

팀 ID는 일반 탭에서 내 앱 섹션 > 팀 ID에서도 설정할 수 있으며 이때 키 등록시 팀 ID가 수정 불가능한 형태로 이미 작성되어 있음

---

Xcode Setting

pod 'Firebase/Analytics'
pod 'Firebase/Messaging'

pod file에 Firebase 를 추가해 준 뒤 install 혹은 update

---

 

이미 프로비저닝이 등록되어 있다면 Push Notifications를 눌러 추가해 주고 상단 Save 버튼을 눌러 저장

재 다운로드 받아 XCode 프로젝트에 적용 시킴

---

Signing&Capabilities에서 +Capability를 눌러 나타나는 화면에서  Push Notifications를 눌러 등록

 

Code Side

AppDelegate

func application(_ application: UIApplication, didFinishLaunchingWithOptions launchOptions: [UIApplication.LaunchOptionsKey: Any]? = nil) -> Bool {
    application.registerForRemoteNotifications()
    Messaging.messaging().delegate = self
    Messaging.messaging().isAutoInitEnabled = true
    return true
}

/// 토큰 설정
func application(_ application: UIApplication, didRegisterForRemoteNotificationsWithDeviceToken deviceToken: Data) {
    Messaging.messaging().apnsToken = deviceToken
}

/// 토큰 획득
func messaging(_ messaging: Messaging, didReceiveRegistrationToken fcmToken: String?) {
    Messaging.messaging().token { token, error in
        if let error = error {
            print("🔑🔑🔑🔑🔑 Error fetching FCM registration token: \(error)")
        } else if let token = token {
            print("🔑🔑🔑🔑🔑 FCM registration token: \(token)")
        }
    }
}

---

extension HomeViewController: UNUserNotificationCenterDelegate { }

Remote Notification이 오면 처리할 클래스에서  UNUserNotifiationCenterDelegate를 채택

 

// Foreground
    func userNotificationCenter(_ center: UNUserNotificationCenter, willPresent notification: UNNotification, withCompletionHandler completionHandler: @escaping (UNNotificationPresentationOptions) -> Void) {
        completionHandler([.alert, .sound, .badge])
    }
// Background
    func userNotificationCenter(_ center: UNUserNotificationCenter, didReceive response: UNNotificationResponse, withCompletionHandler completionHandler: @escaping () -> Void) {
        
    }

앱이 Foreground, Background의 경우 위 메소드가 호출됨

 

    func scene(_ scene: UIScene, willConnectTo session: UISceneSession, options connectionOptions: UIScene.ConnectionOptions) {
        // remote notification
        if let response = connectionOptions.notificationResponse {
            let userInfo = response.notification
                .request.content.userInfo
        }
    }

앱이 완전히 종료된 상태에서 푸시를 눌러 앱을 실행하는 경우 SceneDeleate에서는 위와 같이 데이터를 받을 수 있음

 

---

GoogleService Info Plist 파일의 이름을 변경한 경우 AppDelegate에서 설정 필요

func application(_ application: UIApplication, didFinishLaunchingWithOptions launchOptions: [UIApplication.LaunchOptionsKey: Any]? = nil) -> Bool {
        var filePath: String!
        #if DEBUG
        filePath = Bundle.main.path(forResource: "GoogleService-Info-dev", ofType: "plist")
        #else
        filePath = Bundle.main.path(forResource: "GoogleService-Info-release", ofType: "plist")
        #endif
        
        let options = FirebaseOptions.init(contentsOfFile: filePath)!
        FirebaseApp.configure(options: options)
}

추후 데이터 핸들링 포스팅

---

Firebase Cloud message

(글 작성 시점 2023.03.08 / 파이어베이스 프로젝트 페이지도 수시로 변경되므로 날짜 확인 필요)

왼쪽 메뉴에서 모든 제품을 누른 후 갱신되는 화면에서 Cloud Messaging을 눌러줌 

그 후 왼쪽 메뉴에 Messaging 노출 되며 이후에는 이 메뉴를 눌러 접근하면 됨

첫 번째 캠페인 만들기 선택

Firebase 알림 메시지를 선택

 

정보를 입력 해 준 뒤 다음 버튼 누름

푸시를 보낼 타겟 앱을 선택 한 뒤 다음

시간 설정 후 다음 누른 뒤 게시해 주면 캠페인이 저장되고 푸시가 감

 

이미지 출처 : https://www.pexels.com/ko-kr/photo/15007786/