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

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

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

이전글에 이어서 공유하기 템플릿에 대해서도 고민이 있었다. 우리 팀은 보낸 이와 받는 이가 다르게 보이길 원했다.

정확히는 "확인하러 가기" 버튼이 굳이 본인에게 보일 필요가 없다고 생각했다. 때문에 위 사진처럼 받는 이는 "확인하러 가기" 버튼이 보이지만, 보내는 이는 버튼이 보이지 않는다.

기존 카카오톡 공유하기를 사용할 때는 코드로 Feed 템플릿을 만들어 사용했는데  (https://developers.kakao.com/docs/latest/ko/message/ios-link#create-message) 이 경우에는 우리가 원한 것처럼 보낸 이와 받는 이의 차이점을 줄 수가 없었다. 때문에 카카오 디벨로퍼스 페이지의 메세지 템플릿을 사용했다.  

카카오 디벨로퍼스 > 내 애플리케이션 > 앱 설정 > 메세지 > 메세지 템플릿

이렇게 들어가서 만들다 보면 버튼 노출 대상에서 설정해 줄 수 있다.

이제 파라미터 값을 설정해 주어야 한다. 이 부분은 안드로이드 파트와 같이 상의하여 정하는 것이 좋다. 안드로이드 사용자가 아이폰 사용자에게 전달할 수도 있고 아이폰 사용자가 안드로이드 사용자에게 전달할 수도 있기 때문이다. 

그렇게 정해진 우리 앱의 파라미터 값!

TYPE

- Value 값이 사용되는 장소

- 추후에 다른 페이지를 공유하게 될 수도 있어서 설정해 놓은 값으로 현재는 "profile"만 존재한다.

VALUE

- Type 별로 필요한 값.

- 현재 닉네임으로 서버에서 공유 프로필을 조회하고 있기에 닉네임을 전달한다.

PROFILE_IMAGE

- 프로필 이미지 링크

NICK

- 타이틀에 들어갈 닉네임

Type과 Value는 openURL에서 새로운 페이지를 띄울 때 사용하지만 Profile_image, Nick은 템플릿을 구현하는 데 사용된다.

 

private func useCustomTemplate(imageURL: URL?) {
	if ShareApi.isKakaoTalkSharingAvailable() {
    	guard let name = UserContainer.shared.user?.data.nickname else {
            return
        }
        // 카카오톡으로 카카오톡 공유 가능
        ShareApi.shared.shareCustom(templateId: (내 메세지 탬플릿 아이디), templateArgs:["TYPE": "profile","VALUE":name, "PROFILE_IMAGE": imageURL?.absoluteString ?? "","NICK": name]
        ){(sharingResult, error) in
            if let error = error {
                print(error)
            } else {
            	print("shareCustom() success.")
            	if let sharingResult = sharingResult {
                	UIApplication.shared.open(sharingResult.url, options: [:], completionHandler: nil)
              	}
            }
        }
    } else {
        //VC에 ouput으로 미설치 되었다는 것 send (Combine)
        output.handleKakaoShare.send(false)
    }
}

https://developers.kakao.com/docs/latest/ko/message/ios-link#custom-template-msg

Kakao Developers

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

‎roome