스마트폰에서 javascript 공유기능을 사용할때, about:blank 발생

문의 시, 디벨로퍼스 앱ID를 알려주세요.


Failed to launch ‘intent://send?appkey=228445ac29589772f49ab5fa0d7499e3&appver=1.0&linkver=4.0&extras=%7B%22KA%22%3A%22sdk%2F2.7.4%20os%2Fjavascript%20sdk_type%2Fjavascript%20lang%2Fko%20device%2FWin32%20origin%2Fhttps%253A%252F%252Fwww.hwadongcf.org%22%7D&template_json=%7B%22P%22%3A%7B%22TP%22%3A%22Feed%22%2C%22ME%22%3A%22%24%7BME%7D%22%2C%22SID%22%3A%22capri_1114769%22%2C%22DID%22%3A%22https%3A%2F%2Fwww.hwadongcf.org%22%2C%22SNM%22%3A%22%EC%A4%91%EC%95%99%ED%99%94%EB%8F%99%EC%9E%AC%EB%8B%A8%22%2C%22SIC%22%3A%22https%3A%2F%2Fk.kakaocdn.net%2F14%2Fdn%2FbtqvX1CL6kz%2FsSBw1mbWkyZTkk1Mpt9nw1%2Fo.jpg%22%2C%22SL%22%3A%7B%22LPC%22%3A%22https%3A%2F%2Fwww.hwadongcf.org%22%2C%22LMO%22%3A%22https%3A%2F%2Fwww.hwadongcf.org%22%7D%2C%22VA%22%3A%226.0.0%22%2C%22VI%22%3A%225.9.8%22%2C%22VW%22%3A%222.5.1%22%2C%22VM%22%3A%222.2.0%22%2C%22FW%22%3Atrue%2C%22RF%22%3A%22out-client%22%7D%2C%22C%22%3A%7B%22THC%22%3A3%2C%22HD%22%3A%7B%22TD%22%3A%7B%22T%22%3A%22%EC%A4%91%EC%95%99%ED%99%94%EB%8F%99%EC%9E%AC%EB%8B%A8%22%7D%7D%2C%22BUT%22%3A0%2C%22BUL%22%3A%5B%7B%22BU%22%3A%7B%22T%22%3A%22%EC%9E%90%EC%84%B8%ED%9E%88%20%EB%B3%B4%EA%B8%B0%22%2C%22SR%22%3A%22both%22%7D%7D%5D%7D%7D&template_args=%7B%7D&template_id=111122#Intent;scheme=kakaolink;launchFlags=0x14008000;end;’ because the scheme does not have a registered handler.

해당 부분이 왜 에러가 나는지 잘 모르겠습니다.

안녕하세요.

확인을 위해 앱 ID 부탁드립니다.


앱ID
https://developers.kakao.com/ 의 내 애플리케이션에 표시되는 ID 값 입니다.
숫자로된 ID 입니다
ex) 123456

1114769 입니다.

혹시, PC에서 User-Agent 를 모바일로 변경하셔서 테스트 하셨나요?

그렇게도 했는데, PC에서는 브라우저마다 되는데가 있고, 안되는데가 있습니다.
모바일에서는 삼성인터넷 또는 크롬으로 테스트해봤는데, about:blank 탭이 뜨면서 동작이 되지 않습니다.
위의 질문사항 내용은 PC 크롬에서 모바일과 동일한 현상이 나타나서 개발자모드로 봤더니 뜨는 에러를 붙여놓기 했습니다.

그렇게 테스트 하시면 위 에러가 발생하는게 정상입니다.
intent스킴. 즉, 카카오톡으로 로그인은 모바일에서만 동작하므로 모바일 기기에서 테스트 해주셔야합니다.

firefox에서는 PC에서는 정상적으로 동작을 하고 있으며, 그외(엣지, 크롬) 에서는 about:blank 탭이 뜨고 있습니다.

동일하게 모바일에서도 파이어폭스에서는 intent://send?appkey ~~로 시작되는 toist가 뜨면서 아래 열기를 누르면 카카오가 열리면서 공유 대상 선택을 할수 있게 됩니다. 그외에는 모두 about:blank 가 뜨고 있습니다.

모바일에도 동일한 현상이 나타나고 있습니다. 위에서 말씀드렸던 크롬이나 삼성인터넷에서는 동일한 현상이 나타납니다. 단지 firefox에서만 토스트가 뜨기는 하지만, 그 다음단계는 정상적으로 됩니다.

네이버앱에서는 ffirefox 처럼 toist도 안뜨고, 바로 카카오가 열리면서 공유할수 있도록 되어 있네요.

모바일에서는 카카오톡앱으로만 공유됩니다.

PC에서 UA를 변경해 모바일로 변경하면 모바일 카카오톡앱 실행을 못해 에러가 발생하므로 UA 변경하지 말아야합니다.

PC에서는 팝업이 호출되어 웹페이지로 공유 하게됩니다.

ㅇ 현재 되는 브라우저 : 아이폰 사파리, 안드로이드 네이버앱, 안드로이드 firefox
ㅇ 현재 안되는 브라우저 : 안드로이드 삼성인터넷, 안드로이드 크롬, 안드로이드 brave, 안드로이드 bing 앱

현재까지 테스트한 기기 별 브라우저 입니다.

재현가능한 사이트 URL 기재해주시겠어요?

아래 디벨로퍼스 데모사이트도 동일한지 확인 부탁드려요.

Kakao Developers

중앙화동재단

공유하기 버튼에서 2번째 버튼입니다.

개발 데모사이트에는 문제가 없는것으로 확인이 됩니다.

image
카카오톡 공유하기가 없는데요? 다른 위치인가요?

작성하신 스크립트 코드 블럭 기재해주시겠어요?
개발하신 코드 종속적 문제인 것 같네요.

개발하신 사이트 스크립트 종속적 문제로
아래 데모 하단 코드와 같이 변경해보시겠어요?

Kakao.init 는 부모페이지에서 한번만 하시고 함수만 호출 하시면됩니다.

Kakao Developers