카카오톡 공유하기 모바일웹 동작이 안되서 문의드립니다

JavaScript
1

안녕하세요.
카카오톡 공유하기 관련 문의드리겠습니다.

React + js 를 사용하여 카카오 공유하기를 구성하였습니다.
구성한 공유하기 기능이 웹에서는 정상 동작 하지만 모바일웹에서 확인해 봤을때는 아무런 반응을 안합니다.

어떤 부분이 문제가 되는 걸까요??

문제가되는 카카오 공유하기 기능 코드 올리겠습니다.

useEffect(() => {

    const script = document.createElement("script");

    script.src = "https://developers.kakao.com/sdk/js/kakao.js";

    script.async = true;

    document.body.appendChild(script);

    return () => document.body.removeChild(script);

  }, []);

const handleOnKakao =(item) => {

      console.log('pathName', pathName)

      if(window.Kakao) {

        const kakao = window.Kakao

        if(!kakao.isInitialized()) {

          kakao.init(common.KAKAO_SHARE_API)

        }

        console.log('모바일')

        kakao.Share.sendDefault({

          objectType: 'feed',

      content: {

        title: `${item.M_NAME}  ${item.L_NAME}`,

        description: '요청하신 견적입니다. 차량외관은 등급 및 선택사항에 따라 다르게 적용됩니다.',

        imageUrl:

          `${item.M_IMG_M}`,

          imageWidth:720,

          imageHeight:300,

        link: {

          mobileWebUrl: pathName,

          webUrl: pathName,

        },

      },

      buttonTitle : "견적보기",

        })

      }

앱 id 는
ID 843868 입니다.

http://192.168.0.243 으로 호출하고 있습니다. 주소를 디벨로퍼스 설정에 등록 했습니다.

콘솔 에러 사진 캡처드립니다.
카카오 콘솔

2

안녕하세요.
해당 인텐트 스킴을 호출할 수 없는 상황이거나
하이브리드앱 설정안된 인앱 브라우저에서 구동하신 것으로 보입니다.

실제 기기로 테스트하셨나요?

3

네 테스트는 두가지로 해 보았습니다.

첫번 째는 크롬 브라우저 에서 개발모드의 모바일웹 모드에서 테스트 했습니다.
현상은 위와같은 console 에러가 나타납니다.

두번 째는 갤럭시 노트 10 (크롬브라우저) 에서 해당 url 접속 후 테스트를 하면 아무 반응이 없는 현상이 나타납니다.

4

첫번 째는 크롬 브라우저 에서 개발모드의 모바일웹 모드에서 테스트 했습니다.
현상은 위와같은 console 에러가 나타납니다.

PC에서 개발자 모바일모드로는 테스트 불가능합니다. PC에서는 인텐트 스킴을 호출 할 수 없거든요.

두번 째는 갤럭시 노트 10 (크롬브라우저) 에서 해당 url 접속 후 테스트를 하면 아무 반응이 없는 현상이 나타납니다.

카카오톡이 설치만되고 로그인 안된 증상으로 보이는데요.
카카오 톡에 로그인 되어 있는지 확인 한번 부탁드려요.

5

네 카카오톡은 로그인이 되어있는데요.

다른 폰으로 똑같은 아이피로 접속해서 테스트 하면 안되는 데요

다시 갤럭시 노트10 으로 테스트를 하면 됩니다. 해당 공유된 url의 카카오 인앱브라우저를 통해 공유하기를 다시 호출하면 공유하기가 되는데요.

시간이 지난 후 다시 갤럭시 노트10 크롬브라우저에서 카카오 공유하기를하면 응답이 없는현상입니다 …

6

똑같은 아이피라하심은 192.168.0.243 말씀이실까요?

사설IP라 내부 망이 아니면 접속못할텐데… 혹시 스크랩서버가 접근 못하는 상황일 수도 있겠군요.

제가 테스트 해볼수 있는 URL 제공 가능하신가요?

7

네 우선 공유하기 할 url 에 특수문자 같은게 들어있는데 해당 문자열 삭제하고 하니 되는데요.
검토후 답변 드리겠습니다. 감사합니다!

1개의 좋아요