카카오 링크로 컨텐츠 보기로 넘어가는 구현을 하려고 합니다.
원하는 동작은
- 앱이 깔려있으면 앱에서 해당 컨텐츠로 이동
- 앱이 안깔려있으면 웹페이지로 이동
입니다.
let feed = {
objectType: 'feed',
content: {
title: this.content.subject,
description: this.content.bodyText,
imageUrl: this.content.image,
link: {
mobileWebUrl: server + '/open?id=' + result.data,
webUrl: server + '/open?id=' + result.data,
androidExecParams: 'type=view&id=' + this.content.id,
iosExecParams: 'type=view&id=' + this.content.id,
}
},
social: {
likeCount: this.content.likeCnt,
commentCount: this.content.replyCnt,
viewCount: this.content.viewCnt
},
buttons:[
{
title: '웹 방문하기',
link: {
mobileWebUrl: server + '/open?id=' + result.data,
webUrl: server + '/open?id=' + result.data,
},
},
{
title: '앱 실행하기',
link: {
androidExecParams: 'type=view&id=' + this.content.id,
iosExecParams: 'type=view&id=' + this.content.id,
},
},
]
};
window.Kakao.Link.sendDefault(feed);
위 코드로 보냈는데요. 결과는 아래와 같습니다.
PC카카오 : (정상동작)
“웹 방문하기” 버튼만 보임
컨텐츠 클릭 -> 웹 뷰페이지 이동
"웹 방문하기" 클릭 -> 웹 뷰페이지 이동
앱 이름 -> 홈페이지 이동
안드로이드 : (정상동작)
“웹 방문하기”, “앱 실행하기” 다보임
(앱설치) 컨텐츠 클릭 -> 앱 뷰어 실행
(앱삭제) 컨텐츠 클릭 -> 웹 뷰페이지 실행
"웹방문하기" 클릭 -> 웹 뷰페이지 실행
(앱설치) 앱 실행하기 클릭 -> 앱 뷰페이지 실행
(앱삭제) 앱 실행하기 클릭 -> 구글플레이 앱 페이지
(앱설치) 앱 이름 -> 앱
(앱삭제) 앱 이름 -> 구글플레이 앱 페이지
iOS : (이상동작)
버튼이 아무것도 안보임
(앱설치) 컨텐츠 클릭 -> 앱 실행
(앱삭제) 컨텐츠 클릭 -> 앱스토어 앱 페이지
iOS에서는 버튼이 안보이는 것이 정상인가요? 그리고, iOS에서 ExecParams을 지정하지 않고 mobileUrl만 지정하는 경우에는 웹뷰페이지가 정상적으로 보이긴 합니다.
iOS에서 버튼이 다 보이고, 각각 지정한 위치로 이동되게 하는 방법이 궁금합니다.
고수님들의 조언 부탁드립니다.