[iOS] 푸쉬 알림 탭했을 때 특정 페이지로 이동하기(How to handle Push Notification?)

안녕하세요 Foma👟 입니다!

 

오늘은 유저가 푸쉬 알림바를 탭했을 때 특정 페이지로 이동하는 것을 정리해보도록 하겠습니다.

 

바로 시작할게요~

---

Preview

 

---

AppDelegate

 

먼저 UserNotifications를 import 해줍니다.

 

import UserNotifications

 

아래와 같이 userNotificationCenter를 만들어주세요.

 

let userNotificationCenter = UNUserNotificationCenter.current()

 

didFinishLaunchingWithOptions 메서드에 위에서 만들어준 userNotificationCenter의 딜리게이트를 self로 해줍니다.

 

application.registerForRemoteNotifications()도 작성해주세요!

 

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

 

UserNotificationCenterDelegate를 extension 해주시고

 

userNotificationCenter의 didReceive 메서드에 어플리케이션 상태에 따라서 어떠한 코드를 실행할지 정해줍니다.

 

extension AppDelegate: UNUserNotificationCenterDelegate {
    
    func userNotificationCenter(_ center: UNUserNotificationCenter,
                                didReceive response: UNNotificationResponse,
                                withCompletionHandler completionHandler: @escaping () -> Void) {
        
        let application = UIApplication.shared
        
        //앱이 켜져있는 상태에서 푸쉬 알림을 눌렀을 때
        if application.applicationState == .active {
            print("푸쉬알림 탭(앱 켜져있음)")
        }
        
        //앱이 꺼져있는 상태에서 푸쉬 알림을 눌렀을 때
        if application.applicationState == .inactive {
  	    print("푸쉬알림 탭(앱 꺼져있음)")
        }
    }

 

여기서 어떤 푸쉬 알림을 눌렀는지 확인해야겠죠?

 

저는 푸쉬 알림의 타이틀을 통해서 확인했는데요.

 

확인하는 방법은 위 메서드에서 response.notification.request.content를 이용해서

 

푸쉬 알림의 title,body,identifier 등을 확인할 수 있습니다.

 

if application.applicationState == .inactive {
            //푸쉬 알림 타이틀이 채팅일때
            if response.notification.request.content.title == "채팅" {
        
            }
        }

 

이제 특정 페이지로 이동하는 법에 대해 알아야겠죠?

 

저는 탭바에 연결되어 있는 뷰컨트롤러로 이동하겠습니다.

 

 

여기서부터는 NotificationCenter를 사용해주는데요.

 

NotificationCenter의 userInfo를 통해 푸쉬 알림의 타이틀에 해당하는 탭바 아이템의 index를 전달해줍니다.

 

if application.applicationState == .inactive {
            //푸쉬 알림 타이틀이 채팅일때
            if response.notification.request.content.title == "채팅" {
        	NotificationCenter.default.post(name: Notification.Name("showPage"), object: nil, userInfo: ["index":1])
            }
        }

---

TabbarController

 

탭바 컨트롤러에 위 NotificationCenter에 옵저버를 달아줍니다.

 

 NotificationCenter.default.addObserver(self, selector: #selector(showPage(_:)), name: NSNotification.Name("showPage"), object: nil)

 

그리곤 userInfo의 index를  확인해서 selectedIndex를 해당 index로 바꿔주면 푸쉬 알림을 탭했을 때 

 

원하는 페이지로 이동할 수 있게 됩니다.

 

@objc func showPage(_ notification:Notification) {
        if let userInfo = notification.userInfo {
            if let index = userInfo["index"] as? Int {
                self.selectedIndex = index
            }
        }
    }

 

이렇게 해주고 푸쉬알림을 탭하면 탭바의 1번째 인덱스인 채팅방 페이지로 이동하게 됩니다!

 

---

오늘은 이렇게 푸쉬알림을 유저가 탭했을 때 특정 페이지로 이동하는 방법에 대해서 다뤄보았는데요.

 

혹시라도 궁금하신 점이 있으면 댓글로 알려주세요!