워드프레스 홈페이지에는 장점이 많이 있다 그리고 단점도 많이 있어요 지금은 단점보다 그 장점이 더 크다고 생각하기 때문에 여러분 사용하고 있습니다.
이런 장점과 단점은 나중에 다루기로 하고 카카오톡 로그인 설치 방법을 알아보도록 하겠습니다.
일단 첨부된 WordPress Social Login을 받아서 워드프레스에 설치해야합니다.
플러그인을 새로 추가하거나 검색하여 나오는 업그레이드된 버전은 완전히 새로운 버전이 되어 사용할 수 없으므로 반드시 첨부된 이전 버전으로 설치해야 합니다.
자동 업데이트를 하면 카카오 로그인이 되지 않습니다 일단 설치를 하고 플러그인 “새로 추가”를 눌러서 “Wsl Login Extends naver”를 다시 설치합니다.
이 플러그인 개발자가 갱신해 주지 않기 때문에 추가로 작업이 필요합니다.
카카오톡 로그인 api가 V1에서 V2로 변경되었는데 이를 수정해야 합니다.
FTP 연결하여 wp-content plugins wsl-login-extends-naver providers Kakao.php 파일을 다운받아 아래와 같이 수정합니다.
$ this – > api – > api _ base _ url = ” https://kapi.kakao.com/v1 ” ; $ this – > api – > api _ base _ url = ” https://kapi.kakao.com/v2 ” ;
@ params = arry ( ‘ property _ keys ‘ = > kaccount _ email ‘ ) ; @ params = array ( ‘ property _ keys ‘ = > array ( ‘ kakao _ account . email ‘ ) ; // v2 parameter
$ email = @ $ data – > kaccount _ email ; $ email = @ $ data – > kakao _ account – > email ; // v2 version
귀찮아 모르는 분은 이하의 파일을 다운로드해 FTP에 업로드 해 주세요.준비는 다 됐으니까 처음부터
플러그인 “새로 추가”에서 “플러그인 업로드”를 클릭하면 상단의 “WordPress Social Login”을 ZIP 파일 그대로 업로드하여 설치하세요. 설치가 완료되면 활성화하시기 바랍니다.
또 ‘새롭게 추가’ 해주시고
wsl-login-extends-naver를 설치해서 활성화해 줍니다 설정 – WP Social Login으로 갑니다
들어가면 오른쪽 중간에 아이콘이 있습니다.
거기서 카톡을 누르시면
이렇게 추가가 됩니다.
기본적으로 Facebook, Google, Twitter 로그인이 있습니다만, 사용하지 않기 때문에 「No」를 선택해 주세요.
그리고 FTP로 접속해서 Kakao.php에 업로드 해줍니다.
( wp – contents / plugins / wsl – login – extends – naver / providers / )
이제 모든 준비가 다 되었으니 카카오 디벨로퍼 페이지로 부탁드립니다.
https://developers.kakao.com 카카오 API를 활용하여 다양한 애플리케이션을 개발하세요. 카카오 로그인, 메시지 보내기, 친구 API, 인공지능 API 등을 제공합니다.
developers.kakao.com 응용 프로그램 추가하기 를 클릭하고,
아이콘은 나중에 저장해도 되고 앱 이름을 지정해 줍니다.
사업자명도 지정해 주십시오. ‘저장’을 클릭하면 어플리케이션이 나타납니다.
중앙에 있는 플랫폼 에서 플랫폼을 설정함을 클릭합니다.
등록 화면에서 등록할 도메인을 등록하고, 「저장」을 클릭합니다.
그러면 Redirect URI의 등록이 필요하다고 표시가 됩니다.
구독을 눌러주세요.
가면 이런 화면이 되고 우선 여기서 활성화 설정을 켜고 RedirectURI등록이 필요합니다.
이 주소는 아까 WordPress 페이지로 좀 돌아가세요.
Application Secret 키를 입력하는 란 옆에 있는 Where do iget this 를 클릭하시면 아래와 같은 안내문을 확인하실 수 있습니다.
그럼 중간에 빨간 사각 안의 링크를 복사해서 붙여 주시기 바랍니다.
이제 모든 것이 거의 마무리되어가고 있습니다.
좌측 카카오로그인 메뉴 하단의 보안을 클릭하여 Secret 코드를 생성해 줍니다.
유효한 상태로 사용하지 말 것 을 설정을 눌러 유효하게 합니다.
이렇게입력하고저장을누르면완료됩니다.
로그인화면에서이렇게카 카톡이 유효화되는 것을 확인할 수 있습니다.
카카오톡 아이콘을 누르시면 위와 같이 리데렉팅 하는 메시지가 뜨면 연결이 잘 될 것 같습니다.
아, 처음 접속하시는 분께 이 메시지가 생성이 되는데 Create a new account로 선택하면 되겠습니다.
이것을 한글화할 수 있어야 하는데 아쉽습니다.
다음에는 한글로 해보도록 하겠습니다.