반응형
250x250
Notice
Recent Posts
Recent Comments
Link
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | |||
5 | 6 | 7 | 8 | 9 | 10 | 11 |
12 | 13 | 14 | 15 | 16 | 17 | 18 |
19 | 20 | 21 | 22 | 23 | 24 | 25 |
26 | 27 | 28 | 29 | 30 | 31 |
Tags
- vue이미지자르기
- 뷰
- <script setup>
- 이메일유효성검사
- Node
- jsp
- 컴포넌트간 데이터보내기
- vue3
- vue3 props
- vue 사진미리보기
- 자바변수선언
- 구글폰트다운받아사용
- VUE
- 상위컴포넌트에서 하위컴포넌트로 데이터 전달
- 슬라이드한번에세개
- 연산자
- select
- nodejs
- javascript
- vue3 데이터보내기
- vue3emit
- 슬라이드기능구현
- vue슬라이드
- 미리보기
- 엑셀
- 클래스지우기
- vueper slides
- vueperslides
- Java
- class지우기
Archives
- Today
- Total
orange056
[kakao developers] 카카오톡 공유하기 기능구현 본문
728x90
반응형
- kakao 키 발급
내 애플리케이션 > 사용할 애플리캐이션 선택 후 앱키를 복사 후 붙여넣기 하면 됨
- html
<a href="javascript:;" class="share_btn" id="kakao-link-btn">
공유하기
</a>
우선 공유하기 버튼을 만들어줌
- scirpt
<script src="//developers.kakao.com/sdk/js/kakao.min.js"></script>
<script type='text/javascript'>
Kakao.init('javascript 키')
Kakao.Link.createCustomButton({
container: '#kakao-link-btn',
templateId: '템플릿 id'
});
</script>
그리고 kakao 스크립트를 불러옴
kakao.init옆에는 아까 받은 자바스크립트키를 넣어주면 됨
container은 a태그 id를 입력했고
templateId는 템플릿 id를 입력하는데
이건 카카오링크를 누르고
맨아래로 스크롤하면 있다
사실 그전에 미리 템플릿을 만들어둬서 카카오 아이디만 입력하면 되지만
미리 만들어둔게 없다면 직접 만들어야한다
이건 패쓰
그럼 끗~
728x90
반응형
'기타' 카테고리의 다른 글
[MySQL] access denied for user 오류 해결, 외부접속 허용 (0) | 2021.09.24 |
---|---|
[단축키] 단축키 모음 (0) | 2021.09.08 |
[cmd] 컴파일하는법, 디컴파일(역컴파일) 하는 법 (0) | 2021.08.11 |
[웹호환성] 크로스브라우징 (0) | 2021.08.05 |
[cmd] 명령 프롬프트 경로 설정하기, 경로 변경하기 (0) | 2021.08.02 |
Comments