시작페이지로 즐겨찾기추가
로그인
회원가입 l 출석체크 l 마이페이지 l CGIMALL
happycgi
자료실 사이트등록 랭킹100 프로그램리뷰 관리자추천자료 초보가이드
커뮤니티
전체 펼쳐보기
퀵메뉴링크 jquery , CSS , PHP , Javascript , 무료폰트 , ASP
상세검색
 > OPEN API > 카카오 로그인 상세정보
사이트등록
현재접속자 새로고침
카카오 로그인
소스통계정보 오류신고 및 문의
해피팀
네티즌
트위터로 보내기 페이스북으로 보내기 싸이월드 공감
소스분류 OPEN API
다운로드 횟수 266 회
간단설명 자신의 웹사이트의 로그인페이지에 카카오톡 아이디로 로그인 하는 기능을 달아보자! 고객입장에서는 회원가입 절차를 따로 하지 않아도 되니 회원 유입수가 더욱 많아지겠죠?^^
평가하기 훌륭함 매우좋음 좋음 괜찮음 보통 별로
홈페이지바로가기 소스다운로드 데모 미리보기 스크랩하기

최근 많은 사이트에서 로그인시 SNS 계정으로 로그인이 구현되어 있습니다.

많은 분들이 아시겠지만 카카오에서도 동일하게 카카오계정으로 웹사이트에서 로그인을 구현할수있는 API를 제공합니다.

처음 카카오API를 접하시는 분들을 위하여 이렇게 글을 적어봅니다.

1. https://developers.kakao.com/apps 
   페이지에 로그인후 접속을 합니다.

   해당 페이지에서 "앱만들기" 버튼을 클릭하여 앱생성 페이지로 이동을 합니다.

   




2. 앱생성이 완료가 되면 아래 이미지처럼 "앱 키" 발행이 됩니다.
    여기서 소개 해드리는 API는 JavaScript API 로 연동하는 방법에 해당하므로,
    JavaScript 키를 추후 이용 하시면 됩니다.

     

    앱키 발행 아래쪽에는 "플랫폼 추가" 버튼이 있습니다.
    해당 버튼을 클릭하여 "웹" 플랫폼을 추가 하고 도메인을 입력 합니다.

   

3. https://developers.kakao.com/docs/js#카카오-로그인
   위 페이지에 설명이 되어 있는 소스를 실제 웹페이지에 적용을 합니다.


4. 위와같이 원하시는 페이지에 소스를 추가하셨다면 해당 페이지 접근시 아래와같이 카카오계정으로 로그인할수있는 버튼이
    생성되며 로그인 버튼클릭시 팝업창으로 카카오계정으로 로그인하실수있습니다.
    로그인해보시면 리턴받은 access_token 값으로 프로필정보를 조회할수있는 권한이 생깁니다.

  

5. 첨부파일의 예제를 참고하셔서 해당 acess_token값으로 직접 프로필의 닉네임과 사진을 가져오는 방법을 확인하실수있습니다.
    구글에 검색하니 깔끔하게 만들어놓은 소스가 있어 이렇게 첨부해드립니다^^
    (출처 : https://gist.github.com/kwangheum/6f9c98d81dcff59f61eb#file-kakaotalk-html)
 


네티즌 의견   이용하신 자료의 후기를 자유롭게 작성하세요. (상업적인 광고 및 도배성 글 등은 사전통보없이 삭제될 수 있습니다.)
내용 아이디 의견남기기
:화나는군요: :잠와: :우울해: :이건아냐:
2018-10-29 19:01:26
a
찬성 2
반대 1
1
이름
내용
:네맞아요: :화나는군요: :잠와: :우울해: :이건아냐: :왕하하: 왕웃음~ 놀램~
평가하기 훌륭함 매우좋음 좋음 괜찮음 보통 별로
도배방지키
 92214032 보이는 도배방지키를 입력하세요.