[link] jsp web page에서 카카오링크 걸기

spring + bootstrap 반응형 웹페이지를 개발하면서 진행했던 내용을 기록으로 남김

 

-- 카카오톡 링크는 기본적으로 Mobile에서만 동작

1. 카카오톡 개발자 page로 이동

https://developers.kakao.com/

 

2. 카카오톡 로그인

사용중인 카톡 아이디로 로그인 하면 됨!

 

3. 로그인 완료 후 내 어플리케이션에서 앱만들기 선택!

4. 이름기입창이 뜨면  쓸 이름을 적고 create 난  test로 일단 생성

jsp 작성시 javascript키를 복사나 저장해두자!

5. 좌측 하단에 설정 - 일반 클릭 

웹페이지를 추가하기 위해  플랫폼 추가

5. 좌측 하단에 설정 - 일반 클릭 

나는 웹페이지에서 링크 걸꺼니까 웹을 선택

6. 완료 후 확인하고  저장 눌리면 여기서 할일 끝

7. 개발자 가이드 페이지로 이동

https://developers.kakao.com/docs/js

로 이동하게 되면 관련 내용에 대해 아주 자세히 나와있다.

8. 간단히 요약하자면 

(1).  해당 페이지에 meta data 삽입

     해당 페이지에 외부 javascript 링크 삽입

(2). 카카오 링크 걸 버튼 생성(예제에선 a tag 를 이용한 img 로 만듬)

(3).  javascript 링크 삽입(내용을 보면 알겟지만 본인의 내용에 맞게 고쳐쓰면됨)

(4). YOUR APP KEY 부분에 4. 에서 저장/복사 해둔 키를 삽입

9. 원하는 데로 버튼 이미지를 만들었다면 was 를 실행하고 웹페이지를 열어보장.
카카오톡 링크는  mobile에서만 작동 한다 그래서 폰으로 실행해보면!

이렇게 버튼을 클릭하면!



핸드폰에 등록된 카카오톡이 팝업 되고

선택후 전송 확인을 눌리면

링크 완료!!!!

이제 사람들이 나의 페이지로 와서 링크 걸어주길 기도하면 되겠다.