WordPress Marketing

국내(Naver)부터 해외(Google · Bing · Yahoo · Baidu)까지. 브랜드, 사이트 홍보를 위한 워드프레스 실전 마케팅!
HOME > SNS 공유 > ‘소셜로그인’ 설정방법 II. 다음(...

‘소셜로그인’ 설정방법 II. 다음(Daum), 카카오톡(Kakao)

워드프레스 쇼핑몰 테마 ‘BlogShop’, ‘StyleShop’
소셜로그인 설정방법 II. 다음(Daum), 카카오톡(Kakao)

 

보부상 워드프레스 쇼핑몰 테마 ‘BlogShop(블로그샵)‘, ‘StyleShop(스타일샵)’을 이용하면 소셜네트워크서비스(SNS) 아이디를 이용하여 소셜로그인을 적용할 수 있습니다.
지난 포스팅에서는 네이버와 페이스북 아이디를 가지고 소셜로그인을 설정하는 방법을 함께 진행해보았는데요.
이번 포스팅에서는 다음 아이디와, 카카오톡 아이디를 가지고 소셜로그인을 적용하는 방법을 함께 살펴보겠습니다.

1. 다음(Daum) 아이디로 로그인 하기

① 다음 앱 관리 페이지로 접속 후 [앱 만들기] 버튼을 클릭합니다. (다음 로그인 필요)다음 앱 관리페이지

 

② 앱 이름을 등록합니다.
다음 앱 이름 등록

 

③ [API 키] 메뉴로 이동 후 [OAuth] [+] 버튼을 클릭합니다.
다음 앱 [API 키] 메뉴

 

④ [웹브라우저] 탭에서 Referer 목록, Callback URL 목록을 작성합니다.

– Referer, Callback URL 목록은 BBS e-Commerce > 회원관리 > 소셜(간편) 로그인 메뉴에서 확인할 수 있습니다.
다음앱 웹브라우저 탭
소셜로그인 화면 다음

⑤ 발행되는 Client ID, Client Secret 값을 BBS e-Commerce 관리자에 입력합니다.
6

다음앱 키값 확인

 

2. 카카오(Kakao) 계정으로 로그인하기

① 카카오 애플리케이션 관리 페이지로 접속 후 [앱 만들기] 버튼을 클릭합니다. (카카오 로그인 필요)

▶ 카카오 애플리케이션 관리 바로가기

카카오톡 애플리케이션 관리

② 앱 이름을 등록합니다.
카카오 앱만들기

 

③ [설정] 버튼을 클릭합니다.
카카오 앱생성 확인

 

④ [플랫폼 추가] 버튼을 클릭합니다.
카카오앱 플랫폼 추가

 

⑤ [웹] 선택 후 도메인을 입력합니다.
카카오앱 설정

 

⑥ [Redirect Path] 값을 입력합니다.
소셜로그인 설정 2
  • [Redirect Path]값은  BBS e-Commerce > 회원관리 > 소셜(간편)로그인 메뉴에서 제공됩니다.

카카오톡 [Redirect Path]값

 

⑦ [저장] 후 [REST API 키] 값을 BBS e-Commerce 관리자에 입력합니다.

▶ [REST API 키] 값을 BBS e-Commerce 관리자에 입력합니다.
카카오 키값 입력

rest 키값 입력

 


댓글 달기

이메일은 공개되지 않습니다. 필수 입력창은 * 로 표시되어 있습니다.


top