카카오 결제 테스트

General / 일반
1

image
image1838×440 24.8 KB

안녕하세요 웹에 사이트 도메인을 등록하여도,
공유하기를 누를 카카오 메세지를 누르면 localhost:3000으로 갑니다.
무슨 오류일까요 ?

export const shareKakao = (linkUrl, title, imageUrl) => {
  if (window.Kakao) {
    const kakao = window.Kakao;
    const kakaoKey = import.meta.env.VITE_SHARE_KAKAO_LINK_KEY;

    if (!kakao.isInitialized()) {
      kakao.init(kakaoKey);
    }

    kakao.Link.sendDefault({
      objectType: "feed",
      content: {
        title: title,
        description: "아래 링크를 클릭해 상품을 확인하세요!",
        imageUrl: imageUrl,
        link: {
          webUrl: linkUrl,
          mobileWebUrl: linkUrl,
        },
      },
      buttons: [
        {
          title: "상품 보러가기",
          link: {
            webUrl: linkUrl,
            mobileWebUrl: linkUrl,
          },
        },
      ],
    });
  }
};
2

안녕하세요.

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

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

3

1195806 입니다!

4

linkUrl 에는 어떤 URL을 설정하셨나요?

5 
    1. imageUrl: "https://shopping-phinf.pstatic.net/main_8327608/83276082281.9.jpg"
    2. linkUrl: "https://smartstore.naver.com/main/products/5731583609"
    3. mallName: "일렉스토리"
    4. price: 99000
    5. title: "신일 미니 압력<b>밥솥</b> 전기 소형 밥통 자취 캠핑 1등급 2인용 3인용"
    6. [[Prototype]]: Object

  2. 1: {title: '쿠쿠전자 CUCKOO CRP-HVB06BS', imageUrl: 'https://shopping-phinf.pstatic.net/main_2717970/27179703522.20210517181811.jpg', price: 178310, linkUrl: 'https://search.shopping.naver.com/catalog/27179703522', mallName: '네이버'}
  3. 2: {title: 'CUCKOO CRP-FHS1010FD', imageUrl: 'https://shopping-phinf.pstatic.net/main_1573023/15730232797.20200701120545.jpg', price: 277860, linkUrl: 'https://search.shopping.naver.com/catalog/15730232797', mallName: '네이버'}
  4. 3: {title: '쿠첸 브레인 퓨어화이트 풀스텐 듀얼프레셔 6인용 IH전기압력<b>밥솥</b> CRH-TWS0610MW', imageUrl: 'https://shopping-phinf.pstatic.net/main_8705099/87050997832.10.jpg', price: 279000, linkUrl: 'https://smartstore.naver.com/main/products/9506495562', mallName: '쿠첸직영몰'}
  5. 4: {title: '쿠쿠전자 CUCKOO CRP-ST0615FW', imageUrl: 'https://shopping-phinf.pstatic.net/main_5212759/52127594619.20241226162208.jpg', price: 294640, linkUrl: 'https://search.shopping.naver.com/catalog/52127594619', mallName: '네이버'}
  6. 5: {title: '쿠쿠 3인용 CR-0375FW 에그 미니 <b>밥솥</b> 2인용 전기 보온', imageUrl: 'https://shopping-phinf.pstatic.net/main_8776328/87763282094.jpg', price: 68000, linkUrl: 'https://smartstore.naver.com/main/products/10218778567', mallName: '퍼니제이 몰'}
  7. 6: {title: '쿠쿠전자 CUCKOO CRP-TT0310FGW', imageUrl: 'https://shopping-phinf.pstatic.net/main_3588153/35881537618.20231130114740.jpg', price: 184990, linkUrl: 'https://search.shopping.naver.com/catalog/35881537618', mallName: '네이버'}
  8. 7: {title: '[공식]쿠첸 더핏 듀얼프레셔 10인용 전기압력<b>밥솥</b> CRS-FWD1040W', imageUrl: 'https://shopping-phinf.pstatic.net/main_5192866/51928661016.jpg', price: 149000, linkUrl: 'https://www.11st.co.kr/connect/Gateway.tmall?method=Xsite&prdNo=6136528247&tid=1000000061', mallName: '11번가'}
  9. 8: {title: '쿠쿠 10인용 올스텐 내솥 IH 전기압력<b>밥솥</b> 그레이스 화이트 CRP-CHAS109FWM', imageUrl: 'https://shopping-phinf.pstatic.net/main_8778441/87784411957.2.jpg', price: 322000, linkUrl: 'https://smartstore.naver.com/main/products/10239908367', mallName: '쿠쿠전자'}
  10. 9: {title: '쿠쿠6인용압력<b>밥솥</b> IH 올스텐내솥 CRP-DHP0610FD', imageUrl: 'https://shopping-phinf.pstatic.net/main_8797248/87972488297.jpg', price: 233000, linkUrl: 'https://smartstore.naver.com/main/products/10427983274', mallName: 'JungDeunshop'}
  11. 10: {title: '쿠첸 압력<b>밥솥</b> 6인용 돌솥 김연아 <b>밥솥</b> 밥통 IH 전기 <b>밥솥</b> 브레인', imageUrl: 'https://shopping-phinf.pstatic.net/main_8698017/86980174639.9.jpg', price: 272500, linkUrl: 'https://smartstore.naver.com/main/products/9435674316', mallName: '브랜드이'}
  12. 11: {title: '쿠쿠전자 CUCKOO CRP-ST0610FW', imageUrl: 'https://shopping-phinf.pstatic.net/main_2559689/25596894522.20231212084721.jpg', price: 178000, linkUrl: 'https://search.shopping.naver.com/catalog/25596894522', mallName: '네이버'}
  13. 12: {title: '쿠쿠전자 CUCKOO CRP-ST1010FW 트윈프레셔', imageUrl: 'https://shopping-phinf.pstatic.net/main_2419295/24192955522.20210126232229.jpg', price: 183360, linkUrl: 'https://search.shopping.naver.com/catalog/24192955522', mallName: '네이버'}
  14. 13: {title: '쿠쿠전자 CUCKOO CRP-LHTR0610FW 트윈프레셔', imageUrl: 'https://shopping-phinf.pstatic.net/main_2076858/20768586858.20190829105947.jpg', price: 299860, linkUrl: 'https://search.shopping.naver.com/catalog/20768586858', mallName: '네이버'}
  15. 14: {title: '쿠쿠전자 CUCKOO CRP-DHAS069FW', imageUrl: 'https://shopping-phinf.pstatic.net/main_3606366/36063660618.20230814101922.jpg', price: 261620, linkUrl: 'https://search.shopping.naver.com/catalog/36063660618', mallName: '네이버'}
  16. 15: {title: '쿠쿠 6인용 올스텐 내솥 IH 전기압력<b>밥솥</b> 그레이스 화이트 CRP-DHAS069FWM', imageUrl: 'https://shopping-phinf.pstatic.net/main_8778441/87784412600.2.jpg', price: 295000, linkUrl: 'https://smartstore.naver.com/main/products/10239909010', mallName: '쿠쿠전자'}
  17. 16: {title: '쿠쿠 3인용 ih 압력<b>밥솥</b> CRP-HQB0310FS 1인용 2인용 미니 전기 <b>밥솥</b>', imageUrl: 'https://shopping-phinf.pstatic.net/main_8794554/87945541120.jpg', price: 155800, linkUrl: 'https://smartstore.naver.com/main/products/10401036227', mallName: '퍼니제이 몰'}
  18. 17: {title: '쿠쿠전자 CUCKOO CRP-CHP1010FD', imageUrl: 'https://shopping-phinf.pstatic.net/main_2076234/20762341641.20190828162858.jpg', price: 227000, linkUrl: 'https://search.shopping.naver.com/catalog/20762341641', mallName: '네이버'}
  19. 18: {title: '쿠쿠전자 CUCKOO CRP-HUF10BS', imageUrl: 'https://shopping-phinf.pstatic.net/main_2717964/27179647522.20210517180851.jpg', price: 178580, linkUrl: 'https://search.shopping.naver.com/catalog/27179647522', mallName: '네이버'}
  20. 19: {title: '쿠쿠전자 CUCKOO CRP-P0660FD 블랙', imageUrl: 'https://shopping-phinf.pstatic.net/main_5250733/52507336397.20250115164427.jpg', price: 137830, linkUrl: 'https://search.shopping.naver.com/catalog/52507336397', mallName: '네이버'}

이렇게 받는 값을 그대로 전달하게 작성하였습니다!

6

사이트 도메인 설정에 아래 주소도 추가 해주시면됩니다.

https://smartstore.naver.com
7 
Failed to launch 'kakaolink://send?appkey=24c0e30c8dd5b0b077734b3dfdba0d19&appver=1.0&linkver=4.0&extras=%7B%22KA%22%3A%22sdk%2F1.43.5%20os%2Fjavascript%20sdk_type%2Fjavascript%20lang%2Fko-KR%20device%2FWin32%20origin%2Fhttp%253A%252F%252Flocalhost%253A3000%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_1195806%22%2C%22DID%22%3A%22http%3A%2F%2Flocalhost%3A3000%22%2C%22SNM%22%3A%22Yeahpeu%22%2C%22SIC%22%3A%22https%3A%2F%2Fk.kakaocdn.net%2F14%2Fdn%2FbtsL6JYS2Ff%2FAPWpc8zmdH6upBoD23s3vk%2Fo.jpg%22%2C%22L%22%3A%7B%22LPC%22%3A%22http%3A%2F%2Flocalhost%3A3000%22%2C%22LMO%22%3A%22http%3A%2F%2Flocalhost%3A3000%22%2C%22LCP%22%3A%22kakaod043727f258cd06e5c58f6b7b279bc5a%3A%2F%2Fkakaolink%22%2C%22LCM%22%3A%22kakaod043727f258cd06e5c58f6b7b279bc5a%3A%2F%2Fkakaolink%22%7D%2C%22SL%22%3A%7B%22LPC%22%3A%22http%3A%2F%2Flocalhost%3A3000%22%2C%22LMO%22%3A%22http%3A%2F%2Flocalhost%3A3000%22%2C%22LCP%22%3A%22kakaod043727f258cd06e5c58f6b7b279bc5a%3A%2F%2Fkakaolink%22%2C%22LCM%22%3A%22kakaod043727f258cd06e5c58f6b7b279bc5a%3A%2F%2Fkakaolink%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%3A1%2C%22THL%22%3A%5B%7B%22TH%22%3A%7B%22THU%22%3A%22https%3A%2F%2Fk.kakaocdn.net%2Fdn%2FdVycUX%2Fbl4LV5k7Fud%2FW0FbnkecRNQYQPr6qq0EG1%2Fkakaolink40_original.jpg%22%2C%22W%22%3A400%2C%22H%22%3A400%7D%2C%22L%22%3A%7B%22LPC%22%3A%22http%3A%2F%2Flocalhost%3A3000%22%2C%22LMO%22%3A%22http%3A%2F%2Flocalhost%3A3000%22%7D%7D%5D%2C%22PR%22%3A%7B%22L%22%3A%7B%22LPC%22%3A%22http%3A%2F%2Flocalhost%3A3000%22%2C%22LMO%22%3A%22http%3A%2F%2Flocalhost%3A3000%22%7D%7D%2C%22HD%22%3A%7B%22L%22%3A%7B%22LPC%22%3A%22http%3A%2F%2Flocalhost%3A3000%22%2C%22LMO%22%3A%22http%3A%2F%2Flocalhost%3A3000%22%7D%7D%2C%22TI%22%3A%7B%22TD%22%3A%7B%22T%22%3A%22%ED%8A%B9%EB%8C%80%ED%98%95%20%EB%91%90%EA%BA%BC%EC%9A%B4%20%EB%8B%B4%EC%9A%94%20%EA%B7%B9%EC%84%B8%EC%82%AC%EC%9D%B4%EB%B6%88%20%EC%A7%91%EC%88%9C%EC%9D%B4%EB%8B%B4%EC%9A%94%20150X200%202kg%22%2C%22D%22%3A%22%EC%95%84%EB%9E%98%20%EB%A7%81%ED%81%AC%EB%A5%BC%20%ED%81%B4%EB%A6%AD%ED%95%B4%20%EC%83%81%ED%92%88%EC%9D%84%20%ED%99%95%EC%9D%B8%ED%95%98%EC%84%B8%EC%9A%94!%22%7D%2C%22L%22%3A%7B%22LPC%22%3A%22http%3A%2F%2Flocalhost%3A3000%22%2C%22LMO%22%3A%22http%3A%2F%2Flocalhost%3A3000%22%7D%7D%2C%22BUL%22%3A%5B%7B%22BU%22%3A%7B%22T%22%3A%22%EC%83%81%ED%92%88%20%EB%B3%B4%EB%9F%AC%EA%B0%80%EA%B8%B0%22%7D%2C%22L%22%3A%7B%22LPC%22%3A%22http%3A%2F%2Flocalhost%3A3000%22%2C%22LMO%22%3A%22http%3A%2F%2Flocalhost%3A3000%22%7D%7D%5D%2C%22TAM%22%3A%5B%7B%22TP%22%3A%22ITL%22%7D%5D%7D%7D&template_args=%7B%22%24%7BIMAGE_WIDTH%7D%22%3A%22400%22%2C%22%24%7BITEM3_OP%7D%22%3A%22%22%2C%22%24%7BPROFILE_TEXT2%7D%22%3A%22%22%2C%22%24%7BFIRST_BUTTON_TITLE%7D%22%3A%22%EC%83%81%ED%92%88%20%EB%B3%B4%EB%9F%AC%EA%B0%80%EA%B8%B0%22%2C%22%24%7BDESCRIPTION%7D%22%3A%22%EC%95%84%EB%9E%98%20%EB%A7%81%ED%81%AC%EB%A5%BC%20%ED%81%B4%EB%A6%AD%ED%95%B4%20%EC%83%81%ED%92%88%EC%9D%84%20%ED%99%95%EC%9D%B8%ED%95%98%EC%84%B8%EC%9A%94!%22%2C%22%24%7BITEM5%7D%22%3A%22%22%2C%22%24%7BANDROID_EXECUTION_URL%7D%22%3A%22%22%2C%22%24%7BITEM1%7D%22%3A%22%22%2C%22%24%7BITEM3%7D%22%3A%22%22%2C%22%24%7BFIRST_BUTTON_IOS_EXECUTION_URL%7D%22%3A%22%22%2C%22%24%7BITEM4_OP%7D%22%3A%22%22%2C%22%24%7BSUM%7D%22%3A%22%22%2C%22%24%7BITL_AL%7D%22%3A%22%22%2C%22%24%7BFIRST_BUTTON_MOBILE_WEB_URL%7D%22%3A%22http%3A%2F%2Flocalhost%3A3000%22%2C%22%24%7BSUBSCRIBER_COUNT%7D%22%3A%22%22%2C%22%24%7BTITLE%7D%22%3A%22%ED%8A%B9%EB%8C%80%ED%98%95%20%EB%91%90%EA%BA%BC%EC%9A%B4%20%EB%8B%B4%EC%9A%94%20%EA%B7%B9%EC%84%B8%EC%82%AC%EC%9D%B4%EB%B6%88%20%EC%A7%91%EC%88%9C%EC%9D%B4%EB%8B%B4%EC%9A%94%20150X200%202kg%22%2C%22%24%7BSUM_OP%7D%22%3A%22%22%2C%22%24%7BWEB_URL%7D%22%3A%22http%3A%2F%2Flocalhost%3A3000%22%2C%22%24%7BVIEW_COUNT%7D%22%3A%22%22%2C%22%24%7BFIRST_BUTTON_WEB_URL%7D%22%3A%22http%3A%2F%2Flocalhost%3A3000%22%2C%22%24%7BIOS_EXECUTION_URL%7D%22%3A%22%22%2C%22%24%7BIMAGE_URL%7D%22%3A%22https%3A%2F%2Fk.kakaocdn.net%2Fdn%2FdVycUX%2Fbl4LV5k7Fud%2FW0FbnkecRNQYQPr6qq0EG1%2Fkakaolink40_original.jpg%22%2C%22%24%7BIMAGE_COUNT%7D%22%3A%221%22%2C%22%24%7BPROFILE_TEXT1%7D%22%3A%22%22%2C%22%24%7BITEM4%7D%22%3A%22%22%2C%22%24%7BTITLE_IMAGE_CATEGORY%7D%22%3A%22%22%2C%22%24%7BSHARED_COUNT%7D%22%3A%22%22%2C%22%24%7BPROFILE_IMAGE_URL%7D%22%3A%22%22%2C%22%24%7BITEM5_OP%7D%22%3A%22%22%2C%22%24%7BTITLE_IMAGE_TEXT%7D%22%3A%22%22%2C%22%24%7BITEM1_OP%7D%22%3A%22%22%2C%22%24%7BITEM2%7D%22%3A%22%22%2C%22%24%7BCOMMENT_COUNT%7D%22%3A%22%22%2C%22%24%7BIMAGE_HEIGHT%7D%22%3A%22400%22%2C%22%24%7BTITLE_IMAGE_URL%7D%22%3A%22%22%2C%22%24%7BMOBILE_WEB_URL%7D%22%3A%22http%3A%2F%2Flocalhost%3A3000%22%2C%22%24%7BFIRST_BUTTON_ANDROID_EXECUTION_URL%7D%22%3A%22%22%2C%22%24%7BITEM2_OP%7D%22%3A%22%22%2C%22%24%7BLIKE_COUNT%7D%22%3A%22%22%7D&template_id=3139' because the scheme does not have a registered handler.Understand this errorAI

이런 오류는 오 ㅐ뜨는 걸까요 ?

8

앱 스킴을 호출할 수 없는 환경에서 톡 공유 사용시 발생되는 오류 입니다.
일반적으로 크롬의 개발자 도구에서 모바일 모드로 전환(PC 환경이지만 모바일 웹 브라우저로 가장)한 경우 이러한 오류가 발생하는데요 정상적인 오류 입니다.

9

혹시 pwa더라도 이런 오류가 뜨는 걸까요? 앱 용 코드를 별도 개발해야 하는 건가 문의드립니다