카카오톡 공유하기 요청실패 (4002)

JavaScript
1

자바스크립트 sdk사용 앱ID: 559194,

데스크탑환경에서는 공유하기가 잘 작동하는데,
모바일 환경에서는 공유하기 사용중인 모든 곳에서 요청실패로 뜹니다.

error code: 4002
uuid 15246df5-9874-4a65-a049-2929a8526616

도메인과 앱키는 제대로 들어가있는 것 확인하였습니다. 어떤문제인지 알 수 있을까요?

2

파라메터가 잘못 전달된듯한데요.
구현하신 스크립트 코드 블럭 기재해주시겠어요?

3 
  profileHeader = ''
      contentData = {
        title: t('share.shareTitle').concat(props.shareData.title),
        description: props.shareData.subTitle,
        imageUrl: props.shareData.shareImageUrl ? props.shareData.shareImageUrl : props.shareData.bannerImageUrl,
        link: linkData
      }
.. 
const kakaoDefaultLink = async (contentData: ShareData, profileHeader: string) => {
  try {
    if (!window.Kakao?.isInitialized()) {
      await window.Kakao.init(`${config.public.kakaoClientId}`)
    }

    window.Kakao.Share.sendDefault({
      objectType: 'feed',
      itemContent: {
        profileText: profileHeader
      },
      content: contentData,
      buttons: kakaoLinkButtons
    })
  } catch (error) {
    console.warn(error)
  }
}

버튼 눌렀을 때 호출되는 함수입니다.

4

image

동일한 내용으로 구성해서 공유했을때 카카오톡 앱으로 공유 정상 작동하고
개발하신 시스템에서만 아래와 같이 CORS 오류가 발생합니다.

image

기재하신 코드상 JS SDK 를 await로 감싸서 비동기 처리하는 것이 문제로 보입니다.

즉, 카카오와 무관하게 브라우저가 차단하는 것입니다.

비동기 처리 하지 마시고 JS SDK 스크립트 그대로 호출해주세요.

운영하시는 시스템에서 헤더에 추가로 붙이는 sentry-trace와 baggage 만 제거 하셔도 됩니다.

1개의 좋아요