카카오톡 채널 간편 추가하기 웹뷰 이슈

안녕하세요.
레이어 팝업 화면에서 버튼 클릭 시 followChannel 를 호출하여 친구 추가를 유도하는 개발을 진행 중입니다.
크롬 PC웹/MO웹 에서는 모두 정상 동작이 되나, 웹뷰에서는 하기와 같은 오류가 발생되고 있어서 문의드립니다.

단말기 : Android 갤럭시 S23
SDK 버전 : 2.7.4
앱 ID : 431355

안녕하세요,.

웹뷰는 자체 개발하신 앱을 말씀하시는건가요?
추가로 재현 가능한 URL 부탁드립니다.

베네카페 앱 웹뷰입니다.
복지몰이라… 외부에서 일반 회원가입이 불가한데요…
케이스는 하기와 같습니다.

자체 앱 > 레이어 팝업(카카오톡 채널 추가 유도) > 추가 버튼 클릭(followChannel) > 채널 추가(크롬브라우저) > 오류 화면(실제 카카오톡 친구 추가는 완료되어 있음)
=> 친구 추가 완료 후 채널 추가(크롬브라우저) 창에서 창을 종료하지 못 함(오류 발생)

웹뷰는 채널 친구 추가를 위해서만 띄우는 건가요?
아니면 서비스가 웹뷰로 제공되는데 채널 친구 추가를 함꼐 사용하시는건가요?

서비스가 웹뷰로 제공되고 있습니다.

이해를 위한 하이브리드앱과 MO웹의 동작 구조입니다.

1번 환경 : 갤럭시 S23(Android)

  • 서비스 웹뷰 실행(웹뷰) > 레이어 팝업 화면(웹뷰) > followChannel 클릭 > 카카오 채널 추가하기 팝업(크롬) > ‘채널 추가’ 버튼 클릭 시 채널 추가 완료 후 오류 발생 및 리턴값(.then .catch .finally) 수신 불가

2번 환경 : 데스크탑 크롬브라우저 디바이스모드

  • 서비스 실행(크롬) > 레이어 팝업 화면(크롬) > followChannel 클릭 > 카카오 채널 추가하기 팝업(크롬) > ‘채널 추가’ 버튼 클릭 시 채널 추가 완료 후 팝업 자동 종료 및 리턴값 정상 수신

모바일일 경우 해당 이슈로 인해 followChannel 대신 addChannel 을 사용하여 카카오톡 앱을 실행하여 채널 추가하도록 적용하면 될 것 같습니다.
대응해주셔서 감사합니다.

구현하신 웹뷰에서 팝업을 어떻게 열고 계실까요?
다음 팝업 웹뷰 샘플 코드를 참고해 보시겠어요?

하이브리드 앱 가이드 | Kakao Developers 하이브리드 앱 가이드 - 팝업 웹뷰 처리

window.open 호출 방식이 아닌

영역을 fadeIn으로 호출하는 레이어 팝업 구조입니다.
단말기일 경우 addChannel 호출을 통해 카카오톡 앱 실행하여 친구 추가할 수 있도록 구현하였습니다.
추가로 대응 안 해주셔도 됩니다^^

1개의 좋아요

채널 웹훅도 연동하여 상태값을 실시간 수신처리 하고 있어서 followChannel 을 사용하지 않아도 됩니다.