도와주세요 ㅠㅠ 카카오 이미지 공유시 자세히보기 누르면 가는곳

JavaScript
1

안녕하세요. 폰으로 써서 글이 난잡하지만 답변 부탁드려요 ㅠㅠ

카카오 이미지 공유후 '자세히보기’를 클릭하면
앱에 지정한 사이트 도메인으로 가는걸로 알고있는데요. 제가원하는건 사이트 도메인쪽으로 가는게 아니라, 해당 imageUrl로 첨부한 이미지가 크게 보이는 거거든요…

예를 들어 imageUrl 을 아래와같이 지정한채로 카톡공유하면 설정한 이미지로 나옵니다. 그러고 자세히보기를 선택하면 imageUrl 이미지가 확장되어 보였으면 좋겠어요.(imageUrl의 이미지들은 모두
http://images.hwlife.hscdn.com 로 시작합니다)

var imageUrl = “http://images.hwlife.hscdn.com/HIT/hwlife/202006/child_latest_202006_1.jpg”;

    // 카카오링크 버튼 생성
    Kakao.Link.createDefaultButton({
        container: '#ancKakaoUrl',
        objectType: 'feed',
        content: {
            title: "제목", // 보여질 제목
            description: "설명", // 보여질 설명
            imageUrl: imageUrl ,// 위에서 선언한 이미지URL
            link: {
                mobileWebUrl: imageUrl // 위의 url로 설정
                webUrl: imageUrl // 마찬가지
            }
        }
    });

제가 한거는 이상황이고…
사이트 도메인에 http://images.hwlife.hscdn.com 을 설정하고
link의 webUrl, mobileWebUrl 속성에는 호출하고자 하는 url을 지정했습니다.

그러고 외부망에 반영하여 확인해보니
로그인진행후 공유화면으로 가지 않고 에러가 발생하더라구요…

사이트도메인이 고정이 아닐경우, 해당 이미지가 확장되어보였으면 할경우 이런식으로 가는것이 아닌지 … 답변 부탁드립니다

2

안녕하세요~

앱 ID 알려주시면 확인해보겠습니다~

3

link의 webUrl, mobileWebUrl 속성에는 현재 https://developers.kakao.com 으로 박혀있어요. 위의 질문대로 올려보니 에러나서 다시 돌려놓은 상태입니다

Kakao.init(‘524ea93ebb0ca049430c7544c45ca1a5’);

    // 카카오링크 버튼 생성

    Kakao.Link.createDefaultButton({

        container: '#ancKakaoUrl',

        objectType: 'feed',

        content: {

            title: sendTitle, // 보여질 제목

            description: sendDesc, // 보여질 설명

            imageUrl: sendUrl, // 이미지URL

            link: {

                mobileWebUrl: 'https://developers.kakao.com',

                webUrl: 'https://developers.kakao.com'

            }

        }

    });
4

안녕하세요~
에러로그를 확인해보니 아래와 같습니다.
"https://images.hwlife.hscdn.com"도 사이트도메인에 등록해보시겠어요?

domain mismatched! caller=https%3A%2F%2Fhmp.hanwhalife.com. check out registered web domains
5

해당 앱키에 http랑 https도 등록하셨다고 해서 다시 호출해봤더니
여전히 아래의 에러가 발생합니다…ㅠㅠ 해당에러 검색해보니 사이트도메인 불일치로 나오는데 이유가 뭘까용…?

ErrorCode(4002)
UUID(6470078c-92ee-4a6e-96c9-2f0e577d7869)

참고로 http://images.hwlife.hscdn.com/ 랑 https://images.hwlife.hscdn.com/ 를 쳐보니 유효하지않는 경로라고 나오는데 해당 경로가 불분명해서 그런걸까요?

그래서 그런거라면 제가 원하는건
웹에서 카톡공유시 딱 이미지만 공유하는것이거든요… 굳이 자세히보기 버튼을 누르지 않아도 되는데
이미지만 보낼수도 있나요?
폰자체의 기능인지 앱에서는 딱 이미지만 가지더라구요.

6

이번에 발생한 에러는 아래 도메인 불일치네요. 이 도메인도 추가 부탁드려요~
https://hmpqa.hanwhalife.com/

7

전송기능이 있는 사이트의 도메인과 표시할 이미지의 도메인만 잘 등록 되어 있으면

메시지의 링크에 이미지 url만 설정하셔도 클릭 시, 이미지로 이동하게됩니다~

8

팀님 답변 감사드립니다.

사이트 도메인으로 4개 설정후 호출하니 4002 에러는 사라지고 공유가 됩니다.
http://images.hwlife.hscdn.com/
https://images.hwlife.hscdn.com/
https://hmpqa.hanwhalife.com/
https://hmp.hanwhalife.com/

말씀하신대로 전송기능이 있는 사이트의 도메인과 (위 4개)
표시할 이미지의 도메인이 잘 등록 되어 있는지 확인하였고

공유후 자세히 보기 클릭시 , http://images.hwlife.hscdn.com/ 로 가는데
link의 webUrl, mobileWebUrl 속성에 이미지 url을 설정하면 된다는 말씀이시죠?
(아래의 imageUrl 변수)

var imageUrl = “http://images.hwlife.hscdn.com/HIT/hwlife/202006/child_latest_202006_1.jpg”;

// 카카오링크 버튼 생성
Kakao.Link.createDefaultButton({
    container: '#ancKakaoUrl',
    objectType: 'feed',
    content: {
        title: "제목", // 보여질 제목
        description: "설명", // 보여질 설명
        imageUrl: imageUrl ,// 위에서 선언한 이미지URL
        link: {
            mobileWebUrl: imageUrl // 위의 url로 설정
            webUrl: imageUrl // 마찬가지
        }
    }
});
9

넵. 이동하고자하는 경로를 넣어주시면됩니다. (이미지 경로여도 무관)

1개의 좋아요
10

끄야 됬어여ㅠㅠ 감사합니다!!! 덕분에 해결했어요ㅎㅎㅎ