[iOS/Swift]카카오톡 공유하기 구현 3. openURL, 앱이 suspended일 때, query Parameter에 한글이 있을 때

2024.07.05 - [iOS/트러블 슈팅] - [iOS/Swift]카카오톡 공유하기 구현 1.이미지 URL 설정 + FileManager에 UIImage 저장

[iOS/Swift]카카오톡 공유하기 구현 1.이미지 URL 설정 + FileManager에 UIImage 저장

2024.07.05 - [iOS/트러블 슈팅] - [iOS/Swift]카카오톡 공유하기 구현 2. 사용자 정의 템플릿 사용

[iOS/Swift]카카오톡 공유하기 구현 2. 사용자 정의 템플릿 사용

앞선 두개의 포스트에서는 메세지를 보낼 때의 처리를 해주었다. 이제는 정말 이 로직대로 받아서 어디로 갈 것인지를 결정해주어야 한다.

앱이 미설치된 경우는 우리가 코드로 작성해줄 것은 없다. Kakao Developers > 내 애플리케이션 > 플랫폼 으로 들어가 마켓 주소를 입력하면 된다. id만 입력하면 url은 자동으로 들어간다. 

그렇다면 이제 앱이 설치되어 있는 경우는 어떻게 될까? 앱의 라이프 사이클 상태에 따라 달라진다. 카카오톡을 보고 있었으니 앱은 Background 혹은 Suspended 두 가지 경우일 것이다. 

Background

- 앱이 열렸던 적이 있고 Foreground에는 없으나 실행되고 있는 코드가 존재하는 상태.

- 공유받은 버튼을 누르면 SceneDelegate의 openURLContexts가 실행된다. 

func scene(_ scene: UIScene, openURLContexts URLContexts: Set<UIOpenURLContext>) {
    guard let url = URLContexts.first?.url else {
        return
    }
        
    if (AuthApi.isKakaoTalkLoginUrl(url)) {
        _ = AuthController.handleOpenUrl(url: url)
    }
    
    //url의 쿼리 파라미터들을 딕셔너리로 변경
    let params = self.queryParams(url: url)
    let nickname = params["value"]
    if params["type"] == "profile" {
    	//공유받은 유저의 닉네임으로 SharingContainer 객체 생성
        let sharingContainer = SharingContainer(nickname: nickname ?? "닉네임")
        Task {
            do {
            	//SharingContainer에 프로필 업데이트
                try await sharingContainer.updateSharingUserProfile(nickname: nickname ?? "닉네임")
                //앱에 로그인한 적이 있다면, 유저의 프로필도 업데이트 -> 추후에 유저 프로필 여부에 따라 공유받은 프로필 밑 버튼 텍스트가 변경됨.
                if KeyChain.read(key: .hasToken) == "true" {
                    try await UserContainer.shared.updateUserProfile()
                }
                //공유받은 프로필로 페이지 만들어서 띄우기
                let sharedViewController = SharingViewController(sharingContainer: sharingContainer)
                changeRootViewController(sharedViewController, animated: true)
            } catch {
                print(error)
            }
        }
    } else {
        changeRootViewController(SplashView(), animated: false)
    }
}

Suspended

- 메모리에만 있고 코드를 실행하지 않고 있는 상태

- 공유받은 버튼을 누르면 처음부터 실행되므로 SceneDelegate의 willConnectTo에서 openURLContexts를 적절하게 호출해주어야 한다. 아니라면 앱을 종료한 상태에서 버튼을 눌렀을 때 까만 화면만 뜨고 제대로 나오지 않는다.

func scene(_ scene: UIScene, willConnectTo session: UISceneSession, options connectionOptions: UIScene.ConnectionOptions) {
    guard let windowScene = (scene as? UIWindowScene) else { return }
        
    window = UIWindow(windowScene: windowScene)
        
    DIManager.shared.registerAll()
    //urlContexts가 들어왔는지 아닌지 확인. 분기 처리.
    if connectionOptions.urlContexts.isEmpty {
        window?.rootViewController = SplashView()
    } else {
        self.scene(scene, openURLContexts: connectionOptions.urlContexts)
    }
    window?.makeKeyAndVisible()
}

openURL에 한글이 있다면

url로 전달한 parameter에 한글이 있다면 어떻게 오게 될까? 

이렇게 카카오 서버에서 알아서 인코딩 후 보내준다. 그렇다면 우리는 이걸 디코딩해서 사용해야 한다. (안드로이드는 자동으로 디코딩하던데) 처음에는 그냥 사용했다가 2000 사용자를 찾을 수 없습니다 라는 상태 코드를 받았다. 

private func queryParams(url: URL) -> Dictionary<String, String> {
    var parameters = Dictionary<String, String>()
    
    //query는 &로 구분되어 있으므로 나눠준다. 
    if let queryComponents = url.query?.components(separatedBy: "&") {
        for queryComponent in queryComponents {
        	//key1=value1의 형식이므로 =로도 나눠준다.
            let paramComponents = queryComponent.components(separatedBy: "=")
            var object: String? = nil
            if paramComponents.count > 1 {
            	//String 형태로 만들어 딕셔너리에 key와 value를 저장해주는데 removingPercentEncoding을 통해 디코딩해준다. 
                object = paramComponents[1].removingPercentEncoding
            }
            let key = paramComponents[0]
            parameters[key] = object
        }
    }
    return parameters
}

그래서 removingPercentEncoding를 사용하여 디코딩한 값을 파라미터 딕셔너리에 저장하도록 변경하였더니, 제대로 된 값이 들어왔다!

https://developer.apple.com/documentation/foundation/nsstring/1409569-removingpercentencoding 

removingPercentEncoding | Apple Developer Documentation

 

https://apps.apple.com/kr/app/roome/id6503616766

‎roome