[react] 카카오톡 공유하기 소스

 

 

 

// 나의 장보기 스타일 카카오톡 공유하기 소스

    useEffect(() => {
        //카카오톡 sdk 추가
        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 shareToKatalk = () => {
        if (window.Kakao) {
            const kakao = window.Kakao;

            if (!kakao.isInitialized()) {
                kakao.init("---------key---------");
            }

            kakao.Link.sendDefault({
                objectType: "feed",
                content: {
                    title: "나의 장보기 스타일",
                    description: "간단한 테스트로 나의 장보기 스타일을 알아볼까요?",
                    imageUrl: najangs,
                    // [내 애플리케이션] > [플랫폼] 에서 등록한 사이트 도메인과 일치해야 함
                    link: {
                        mobileWebUrl: "http://localhost:3000",
                        webUrl: "http://localhost:3000",
                    },
                },
            });
        }
    };

    return (
               <button onClick={() => shareToKatalk()}>
                  <img src="https://developers.kakao.com/assets/img/about/logos/kakaotalksharing/kakaotalk_sharing_btn_medium.png"
                   alt="카카오톡 공유 보내기 버튼" />
               </button>